Image gallery

The Image Gallery is a centralized repository for managing images in TBMQ. It provides the source for logo and favicon images used in the White Labeling feature on the application and login pages.

Images can be added in image file format (PNG, JPEG, GIF, etc.) or JSON file format.

To upload an image in image file format:

1. Go to the White labeling page and click the Image gallery tab. Then click Upload image in the top right corner.

   

2. Select an image or drag it into the Upload image window, then click Upload.

   

3. The image has been uploaded.

   

To import an image in JSON file format:

1. Go to the White labeling page and click the Image gallery tab. Then click the Import image icon in the top right corner.

   

2. In the Import image window, upload a JSON image file and click Import.

   

3. The image has been imported.

   

Images can be viewed in list or grid mode. To switch, select the preferred mode in the top left corner of the Image Gallery.

Each image supports the following operations via the icons next to the image name: download, export to JSON, edit, and delete.

Download an image in image file format — the method depends on the current view mode:

• List view — click the Download image icon next to the image name.
• Grid view — hover over the image and click the Download image icon.

The image file will be saved to your computer.

Export an image to JSON — the method depends on the current view mode:

• List view — click the Export image to JSON icon next to the image name.
• Grid view — hover over the image and click the Export image to JSON icon.

The JSON file will be saved to your computer.

To open the editing window, click the Edit image icon next to the image name (in grid view, hover over the image first). From this window you can rename the image, download it, export it to JSON, or update it.

To rename an image, enter a new name in the editing window and click the Save icon.

Updating an image is useful when one image serves as the background or logo in multiple places — updating it once propagates the change everywhere automatically.

To update an image, click Update image in the editing window. Select a new image or drag it into the window and click Update.

To delete an image from the list view:

1. Click the Delete image icon next to the image name.

   

2. Confirm deletion in the dialog.

   

To delete an image from the grid view:

1. Hover over the image and click the Delete image icon.

   

2. Confirm deletion in the dialog.

   

To delete multiple images at once (list view only):

1. Select one or more images using the checkboxes, then click the Delete icon in the top right corner.

   

2. Confirm deletion in the dialog.