Gallery View Element Properties

Located in the Properties panel:

  • No Data Found Message: You can add a placeholder message to preview and display at runtime when no dynamic data is connected to the Gallery View element in the query.
  • Datasource: This 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 row background color when the cursor hovers over the row.
  • Phone Columns Count: You can set how many columns the element will be displayed side by side on the phone screen width. It comes predefined as 1 column by default.
  • Table Columns Count: You can set how many columns the element will be displayed side by side on the tablet screen width. It comes predefined as 2 columns by default.
  • Desktop Columns Count: You can set how many columns the element will be displayed side by side on the computer screen width. By default, it comes with 3 columns.
  • Hover Font Color: You can set the color change of the font in the grid when the cursor is dragged over the grid.
  • Hover Bg Color: You can set the background color change of the grid when dragged over the grid with the cursor.
  • Horizontal Gutter: You can adjust the space between columns.
  • Vertical Gutter: You can adjust the space between rows.
  • Show No Data Found Image: Allows you to specify an image to show when data is not available.