This extension generates a gallery of Airtable records that blends into your website. It automatically adjusts its height based on the content. This extension is perfect for displaying arts or portfolios.
Demo
1. Embed on your site
The following is a live demo of this extensions embedded in this webpage. Test the drop-down list filters to see how the height adjusts automatically!
2. Link
This extension can also be used as a full webpage:
Features
- The ability to create multiple different galleries.
- Masonry style grid (like Pinterest).
- Automatically adjust height/layout for different aspect ratios.
- The ability to hide empty fields.
- Completely white labeled.
- Supports editing records via the built-in form.
- You can allow users to download records as CSV.
- Transparent background so it can be embedded anywhere.
- The embedded gallery updates as you add more info in Airtable.
- Filter buttons based on views.
- Search function within the view.
- Supports playing video attachments!
- Supports for rendering HTML content in a formula field.
- Clickable linked records: now you can connect multiple tables together and navigate between them.
- Conditional visibility logic: hide certain fields if certain conditions were met.🆕
- Expand records: show some fields only after users click on ‘more’.
If you click on the sample view below, you’ll see the table that generated the demo gallery above.
If you have very high resolution images, we would recommend resizing these images for it to load faster. You can use one of our extensions to do that.
You can sort records by a certain order by selecting a ‘view’ in the extension settings. Your records will then be sorted in the same way as that view.
In order to avoid having a scrolling bar issue or content being hidden/cut off, you should not be using a fixed height for the iframe. Remove any height or width values and copy the embedding code and paste it again on your website.
Is there a way to password-protect the share URL?
Yes, you can find that option in the ‘advanced’ section.
Unfortunately, due to Airtable API limitation, it’s not possible to auto-detect the visible fields in a view vs. the hidden ones. That would be a nice feature to have though.
It is possible in both. One thing to note: The grid allows in-line editing of checkboxes in the grid itself, but with the gallery view, the user needs to click on the “edit” button, and then make the edit.
I’m looking for an example of embedding a gallery view in a WordPress site.
You can find the demo above on our own website.
You can have all the cards in the gallery to have the same height by setting a fixed height for each field. You can adjust the field height by clicking on the field name in the extension settings page.
I thought I saw on a video you could add tabs to filter results?
Yes, you can have different filters in your gallery, by adding multiple ‘Airtable views’ in the extension settings.
Yes, you can set a fixed height for each field. And when that’s the case, all records will be in the same size.