Airtable Block Setup

Airtable Block Setup

In this article, we will cover how to add and set up an Airtable block with search, filters and what information to display.
 

Creating an Airtable block

Pory provides the option to add Airtable blocks to your app for displaying information as either a listing, grid or table format. To get started:
  1. Click on the Add Section button or hover over an existing section to reveal the Add Section button.
    1. notion image
  1. Select Listing, Grid or Table under Data Blocks and choose a layout.
    1. notion image
 

Editing Airtable block

To connect an empty listing to an Airtable base:
  1. Hover over the section and click on the Edit Listing button
    1. notion image
      This will open up the block editor where you can edit your data source, card view and detailed view.
      notion image

Airtable Setup

In the Airtable Setup option:
  1. Hover over Airtable block and click on Edit Listing (instructions above)
  1. Select which base to use for the Airtable block
notion image
  1. Select which table from the base to use
    1. notion image
  1. Select the View Settings tab to sort the data by an Airtable View or field name (optional). You can also determine how many records to paginate records by.
    1. notion image
  1. Select the Filters Settings tab to generate filters for your listing (optional). The easiest method is to use the Single or Multiple select fields options. This will turn any fields with that field type into filters automatically.
    1. notion image
  1. Select the Search Settings tab to set up the search bar (optional). Determine which fields are searchable. E.g. Name, Company, Email.
    1. notion image
  1. Click Save and Continue when you're ready!
 

Card View

The Card View editor maps your Airtable data to the listing, grid or table block selected. To edit the card view, make sure you are in the Card View section of the editor and:
  1. Select which field from your Airtable to use for each option E.g. Name for Title
notion image
 

Editing Appearance

Update background, border and shadow style
  1. Switch to the Appearance tab from the left sidebar
notion image
 

Editing Detailed View

Determine how the detailed view should look when a user selects a card (record). Currently supports Modal, Link, Page, Side by Side view.
  1. Switch to Detailed View tab from the left sidebar
    1. notion image
 

Editing Layout

To change the card layout to a different listing or grid option:
  1. Select Card Template tab from the left sidebar.
  1. Select a new layout
notion image
 

Detailed View

The Detailed View editor maps your Airtable data to your layout which uses different layout blocks. To begin creating your detailed view layout
  1. Click on Add Block and select a layout
    1. notion image
  1. Hover over the new block and click on the Edit icon
    1. notion image
  1. Select which fields from your base to use for each option
    1. notion image
  1. Click Save when you’re ready
 

FAQ

How to display approved records only?

Displaying approved records