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.
Grid View?
If you are looking to embed a grid view in your website, please check out our other extension.
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.
- A transparent background so it can be embedded in 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 formula field.
- Clickable linked records: now you can connect multiple tables together and navigate between them.
💡Tip
Making the view editable is optional, not required. So you can just embed a white-labeled view in your website!
Use Cases
This extension can be useful in a lot of scenarios. You can use it to:
- Embed products gallery on your website
- Photography portfolio
If you have a WordPress website, then you can use our plugin which offers an easier integration.
If you click on the sample view below, you’ll see the table that generated the demo gallery above.
It seems that one of my galleries is slow – do you have any suggestion for speeding it up?
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.
In Airtable, the records in my view are sorted by one of the fields. Can this also be done within my miniExtensions gallery? As right now my records are randomly displayed and therefore harder to work with.
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.
I have created an embeddable white-label Airtable gallery for my website. I am having some problems with the embed script on my website platform (Wix) because 2 scroll bars appear (1 for the page another for the embed window).
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.
Is it possible to inherent all the applicable fields in the view records options from the respective view? (if selected) IE if I select a view “A” the fields imported on a view only level are by default all those applicable in view A. Right know we have to add the fields in even after we select the view we want visible. This would be a handy option to have.
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.
Is there the possibility of editing a gallery view? Specifically letting viewers check a box. Is that possible in gallery view? Or only in grid?
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.
I’m having some trouble with styling where all Cards are not same height. In my Airtable card gallery view, all the cards aren’t parallel. How do I make them the same size? Any hints to address this?
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.