UX view type: Gallery

Gallery is the default view of data that has an image or thumbnail image column. The content is shown in a 'summary' view as an image gallery where each image is annotated with the row key. Clicking on any image opens up a full screen 'details' view of the image along with the other row columns. Once in the full screen details view, the user can swipe left or right to move to adjacent rows. This presentation has three sub-options that control the size of the images shown in the summary view:

  • Small: appropriate for thumbnail images.
  • Medium: fits two images side by side on a phone screen.
  • Large: shows large images full-width with a vertical scroll.

As with the list view, you can choose a column to sort the order of presentation of the data. See how the gallery works in our Product Catalog sample app.

Gallery view example

Create a gallery view

To create a gallery view:

  1. Create a view, as described in Create a view.
  2. Select gallery as the View type when configuring the view.
Was this helpful?
How can we improve it?
Clear search
Close search
Google apps
Main menu
Search Help Center