gallery-thumbnailsGallery

Overview

  • The Gallery widget is a visual component that displays a collection of images as long as your data model has a column that contains an image URL.

  • First, click on any "+ Add widget" button to add a widget.

  • Click on the Gallery option.

  • Click on the Add widget button to proceed.

  • Choose the available Collection or Connection of the data model that has been added.

Add Image

  • Click on the Image field then choose the column that has the image url to display the image.

circle-info

The image will only appear if there is an image url and the image url is not expired.

Add Title

  • Continue to the field that you would like to be the Title of the image.

Add Values on card

  • The Galley widget needs to have a value to complete.

  • Click on the button to display All fields pop up.

  • The All fields pop-up will appear with all the available columns of the data model.

  • Simply drag and drop one or many fields into the Values.

  • Click the Done button and the X button to close the All fields pop-up.

  • You can click on the 🖊 icon to customize the column.

Set up formulas

  • In Grouping mode, the Formula box will appear to access on the selected column.

  • Click on the field, the Formula popup will appear and you can choose from the available options.

  • The Sum formula will be auto-selected.

Choose your Image container

  • The Fit option is the default option. This option helps display the full image.

  • You can switch to the Fill option to fill the whole image container.

Add Description

  • Continue to the field that you would like to be the Description of the image.

  • Fields that contain any Link can also be added.

  • You can also add additional text.

Add Other values

Clean fields

  • To clean any field, simply click on the X icon next to it.

  • For the Values section, you can click the Clear all button to quickly clean them all.

  • The Gallery chart option can be selected by opening the Settings slider and then clicking on the Properties option.

  • Click on the View type dropdown and choose the Gallery chart icon to begin configuring your data model to the Gallery chart.


circle-info

You can use our AI Visualization to quickly create a Gallery. For example: Create for me a Gallery with image_url, filter image_url that contains https, from March to May this year, sort it increasing, group by image_url and title

Last updated

Was this helpful?