(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

In the alignment commands given for rows or columns that are parent elements, the child elements under them are affected. You can visit the Layout page to adjust the visual arrangements such as environmental interior spaces and sizing.

TEXT

You can adjust the text of the element and the properties such as color and size of the icon with the text section. You can visit the Text page for detailed information.

FILL

For detailed information on filling their bodies with color or adding a background image, you can visit the Fill page.

BORDER

Visit the Border page to add lines to the outer edges and bevel the corners.

SHADOW

The shadow effect is only displayed in web apps. You can visit the Shadow page to add a shadow effect to the row and its columns.

Simplicity Meets High Performance

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