Feature: Gallery View

,

Are you in need of a gallery view in your app? Receiving an error? Give the following a try:

What is a gallery view?
The gallery view allows you to display the images or thumbnails included with your data. The content is shown in a ‘summary’ view as an image gallery. Each image within your gallery is linked to what’s called a row key, a unique identifier for the row in your spreadsheet that contains your image (you can learn more about what a key is here). Clicking on any image within the gallery opens up a full screen that contains a ‘detail’ view of the image along with the other row columns (information). Once in the details view, the user can swipe left or right to move to adjacent rows.

Where does the gallery view live?

  1. To find the gallery view, open your app editor by selecting the app you’d like to work on.
  2. The navigation bar on the left side displays a tab titled “UX”. Click this tab.
  3. Once you’re in the UX tab you’ll find a navigation bar along the top of your editor. The first tab is your “Views” section. Click this tab.
  4. Once you’ve found the “Views” section, scroll to the “Primary Views” section.
  5. From here you can modify or add your gallery view.

Important notes

  • To see one of our gallery views in action, here’s a sample app to review.
  • If you have an image or thumbnail image column, the gallery becomes your default view.
    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.

Happy app building!

4 Likes

Hi. Is there a fit option for the gallery view? Looks like the default is fill