Interface element: Gallery

  • Updated on Aug 7, 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

Permissions

Owner / Creator - Can configure interface page layouts

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

Platform(s)

Web/Browser, Mac app, and Windows app

Note

This element is only available in element-based blank layouts or legacy 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:

  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.

A few notes to keep in mind:

  • 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.

  • 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.

    • Choose whether to toggle the "Fit image size" option.

    • You'll also 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.

    • Choose how many rows to display. 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.