Image gallery

The Image gallery is a centralized repository for managing images in TBMQ, found on the Image gallery tab of the White labeling page. It provides the source for the logo and website icon used by white labeling on the application and login pages. Any image format is accepted, up to 10 MB per file.

Use Search image to filter the gallery by name, and Include system images to also list the images shipped with TBMQ. System images are read-only: their edit action opens Image details instead of Edit image.

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. The Name field is prefilled from the file name — adjust it if needed, 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.

   

An image that is still referenced by another entity — for example a logo assigned in white labeling — is not removed. Instead, TBMQ opens a dialog listing the images that were kept; review what uses them with the References button, then click Delete anyway (or select them and click Delete selected) to delete them regardless.