Gallery View
Check out the function of the Gallery View element.
You can have the same data type displayed repeatedly. You can use the Gallery View element to display repetitive data as a grid. This element is ideal for structures such as product listing pages.
Adding Gallery View
You can drag and drop the Gallery View element from the Elements panel to the screen. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a Column, you just add the Gallery View element.
Gallery View,supports both web and mobile applications
1. Properties
You can add text inside the Gallery View element. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.
Datasource
It is the field where you select the data source from which the elements in the Table will be fed.
Row Bg Color
You can change the background color of the row when the cursor hovers over the row.
Loading
You can make the loading image appear during the loading of the content.
Phone Columns Count
You can set how many columns are displayed side by side on the phone screen width of the element. It comes set to 1 column by default.
Tablet Columns Count
You can set how many columns are displayed side by side on the tablet screen width of the element. It comes with 2 columns by default.
Desktop Columns Count
You can set how many columns will be displayed side by side on the computer screen width of the element. It comes set to 3 columns by default.
Hover Font Color
You can adjust the color change of the font in it when the cursor is dragged onto the relevant grid.
Hover Bg Color
You can set the background color change when the cursor is dragged onto the relevant grid.
Horizontal Gutter
You can adjust the spacing between the columns.
Vertical Gutter
You can adjust the spacing between lines.
Authorization
You can use the authorization options for the Gallery View element.
Visibility
You can manage the visibility of the element. It is always visible or hidden, or you can make it appear or hide depending on a condition.
You can add the actions to the Gallery View element with Add actions.
2. Styling
You can make additional edits to the Gallery View element by adding alayout, text, fill, border, or shadow.
You can make visual adjustments such as environmental interior spaces and sizing. Depending on the Gallery View size, you can align the elements in it.
You can set the color and size of the Gallery View text and icon with the Text section.
You can add colors or images to the Gallery View body.
You can add lines and corner bevels to the outer edges of Gallery View.
You can add a shadow effect to the Gallery View element.
Last updated