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.
Airtable data, multi select fields Color and Settings
Output of the Split stack
Example 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.
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.
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