Interface element: Gallery

Updated
  • Updated on May 22, 2025
  • Published on Oct 12, 2022
  • 2 minute(s) read
Prev Next
Note
The information below covers legacy Interface Designer features. In some cases, you may find that element-based layouts lack certain functionality. If you are looking for the best and most well supported interface features, then we recommend using newer interface layout types covered in this article.

Plan availability

All plan types/levels

Permissions

Please consult this support article for a breakdown of Interface Designer permissions.

Platform(s)

Web/Browser, Mac app, and Windows app

Related reading

Note

The interface element is only available in element-based blank, record review, and record summary layouts.

Gallery elements are similar to the gallery view in bases. Gallery elements are best for displaying record information from a base that contains at least one attachment field.

Adding and configuring gallery elements

Note

Before adding elements to an interface for the first time, check out our Adding and removing elements in interface article.

To add and configure gallery elements:

Note

  • For the filter configuration, choose from the 3 general filters. By default, the All records option will keep the gallery unfiltered. The viewer's records only option onlyshow srecords related to the interface viewer if their name (or a group they belong to) has been added to a user field in the underlying base. You can specifically set 1 user field for this option. Finally, you can set specific records by condition(s) or condition group(s) to filter the underlying records.

  1. Open your Airtable homepage.

  2. Open the base where you want to add/configure a gallery.

  3. Click Gallery + in the bottom left corner.

    1. Name your gallery view and select who can edit.

  4. Click Create new view.

  5. After placing the gallery element on the page:

    1. Pick a source for the gallery.

    2. Configure the permissions.

      1. The "Editable" setting allows users interacting with the interface to add, edit, or delete records in the view element.

    3. Configure which fields to display in each card along with the sorting order of the gallery records .

    4. Customize your column count: You can select between 1 and 3 columns per row to customize the gallery layout. This setting defaults to
      “Auto” to automatically arrange cards to fit to the available size.

    5. Select your aspect ratio: Chose between wide, square, or tall. Defaults to “None” which uses a fixed height.

    6. Preview your image(s): Images are now clickable to open an image viewer.

Note

You can also adjust your element's appearance. If the connected source has two or more attachment fields, you may need to select a different image field than the one chosen by default 1. Next, choose whether to toggle the "Fit image size" option. Then, you'll select a "Title field," the text that appears just below each image. The "Color Records" option allows you to color each record according to the colors from a single select field or by customized conditions. Next, choose how many rows to display. As a reminder, you can expand the element across the page to show more gallery cards per row. Finally, choose whether or not to display field names and/or show a label for the gallery element.

FAQs

How can I resize images that are cut off in a gallery element?

In edit mode, navigate to the “Appearance” menu for the gallery element of your choice and then toggle on the “Fit image size” option.