An Inline List presents lists of items inline - so we can show other components above or below it including other Inline Lists. There are different layout options for inline lists, such as List, Tiles, Calendar, Map, Checklist, and Cards.
Configure an Inline List component
You can configure the data source, style, and layout in the General tab after adding an Inline list component.
An Inline List can pull data from a table or a Multiple Relation. When you choose a table as a data source, the list will show all the rows in that table by default. When you select a multiple relation as the source, the list will only show the related items.
Select a style to determine how your items are displayed. Each style can be useful for various project types. Depending on the selected style, the general settings will vary.
Next, you can configure the content that is displayed to users. Depending on the list style that is selected, different fields are configurable.
Each inline list style has additional options you can configure. Depending on your selected style, you can adjust Design and Text Style settings, such as text size, text wrapping, list orientation, etc. On most inline list styles, under Options, you can choose the number of items displayed and when the See All button appears.
This is the behavior that will be triggered when users tap an item in the list. The default action for an inline list is Show Detail Screen for this item. You can change this default action and choose from any of the actions available in Glide, or you can create a new action.
- In General > Action, select the menu arrows.
- In Configure Action, select the dropdown menu to view action options.
- Select the action to be triggered when users tap an item in your list.
- If prompted, apply any additional settings in Configure Action.
Configure Options settings
In the Options tab, you can customize the data displayed in your list by using Conditions and other options. You can define Visibility Conditions, Filter, Sort, or Group the data. In the example below, the staff members are grouped by their location.