Skip to main content
All CollectionsBlocks
InfoList Block
InfoList Block

The simplest way to display your row data

Justin Yan avatar
Written by Justin Yan
Updated over 7 months ago

Type: Data Display

CSS Enabled: โœ…

If you don't want your row data to show up as another plain row in your Table Block, you can always have the row data show as an InfoList Block. Most practical in Detail Views following a record click, the InfoList block is the simplest way to visualize a single record and like all other blocks, can be customized to display your data exactly how you want to.

You may have noticed the function and presentation of an InfoList block is very similar to a Form Block. The key difference between them is with an InfoList block, you cannot create or edit the information on it like you can with a Form.


Notable Settings

Data Source

Select the data source to display in your Block.

Click here to read the full article on Block Spreadsheets


Row ID

In this field, you will need to tell Frontly which row to display. This is typically done by entering a frontly_id. Most often, this will be done dynamically using Dynamic Variables, for example, when inside a Custom Detail View, using the 'parent' data source like
โ€‹{{detail.frontly_id}}.

Click here to read the full article on Dynamic Variables.

In rare situations where you are looking to always update the same specific row, you could enter a static value like '12', but this is not generally what you need.


Row Column

Entering a value and pairing it with a column selection will return the first result in your column to your users and its row details to your user.

Click here to learn more about the Row ID and Column functionality and its use cases.


Fields

These settings determines the fields displayed in your InfoList, where the available fields will based on what exists in your spreadsheet.

To hide fields from the Infolist, click the toggle to turn them off.

To re-arrange the order of your fields, just drag and drop in the 'Fields' section in the config panel.

To edit a field's label or field type, click the field to open the editor window.

Field types include: Text, Link, Badge, Image, Date, Number, Boolean

Did this answer your question?