The gallery component is used to display images in a responsive grid.
Gallery component properties
Selecting the gallery component shows its configurable properties.
Data source
Data source |
|
Table | Table holding the images. |
Image field | Field of type picture from the table that holds the image. |
Show caption | Toggle the visibility for text to show under each image. |
Caption field | Field of type text from the table that holds the text to show under each image. |
Display
Display |
|
Title | Text to identify the component. |
Show title | Toggle the visibility of the label for the user. |
Default state | The default state of the control (Regular/Hidden/Disabled). |
Filter
Restrict which images show in the gallery. For more information on filters, see "Filter Configurations".
Sorting
By clicking the plus button, multiple fields can be added for sorting. Prioritization is given from top to bottom.
Sort direction will show different values depending on the field type.
Field Type | Direction text |
Text | Ascending (A→Z) | Descending (Z→A) |
Number | Ascending (1→9) | Descending (9→1) |
Money | Ascending (Low→High) | Descending (High→Low) |
Date Time | Ascending (Old→New) | Descending (New→Old) |
Events
Click Event - Triggered when a Method user left-clicks on an image.
Accessing values from the gallery component
When using actions within a gallery's click event, you will be able to pull the values of the image the user clicked.
For example, in the below image, there is a control labeled Gallery.
The Gallery - Caption and Gallery - RecordID fields will hold the respective data of the image clicked.