ATP Split Stack

Stack to "unpack" fields with multiple values and create a html list, mainly used to handle Airtables' "Multiselect Fields". Split creates a HTML unordered list (ul)with a list item (li) for each value.

Optionally, Split creates links for each element. This feature is very handy for category filters or similar uses cases.

Image

Airtable data, multi select fields Color and Settings

Image

Output of the Split stack

Image
Image

Example configuration


Split Configuration

Field Name: The name of the multiselect field

ul class: CSS class for the ul tag

li class: CSS class for the li tag

The example uses Bootstrap badges to display color tags.

Image

Link Configuration

Add Link: Check if you want to add links to each splitted element

Page: the target page to link to

Query Param: the query parameter for the splitted element.

Use search as query param and link to a page with a result set to search the database for the splitted element. The example uses the colors field to search for products with the same color

Add current record id: Adds the current record ID to the query, for further reference or going back.

Image

Airtable Publisher Stack Suite

ATP Base UPDATED
ATP Result Set UPDATED
ATP Record
ATP Record Link
ATP Image
ATP Attachment
ATP Condition
ATP Split
ATP Pagination
ATP Search Form NEW

Download 1.1 beta and demo file

The updated demo version includes the new search feature and uses the Airtable "Product" base to showcase data handling and some of the included stacks.
You need the free Bootstrap theme by Theme Flood