(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();
Gallery View

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.

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.

DATA SOURCE

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, hidden, or you can make it appear or hide depending on a condition.

ACTIONS

You can add functions to the Gallery View element with Add actions.

Styling

You can further edit the Gallery View Element by adding a frame, fill color, border, or shadow.

LAYOUT

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.

TEXT

You can adjust the Gallery View text and the properties such as color and size of the icon with the text section.

FILL

You can add colors or images to the Gallery View body.

BORDER

You can add lines to the outer edges of Gallery View and give curves to the corner.

SHADOW

You can add shadows to Gallery View.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try