Additional Fields
Display more data from your source by adding additional fields to your items or details pages.
Adding Fields to the Item List
Additional fields appear below the item title on each item in your list.
Open the Items tab
- Open your widget in the Creator
- Go to the Items tab
- Find the Additional Fields section
Add a field
- Click Add Field
- Select a field type (Text, Heading, Image, Badge, Link, or Divider)
- Choose which column from your data source to display
Style the field
- Click on the field to open the editor
- Adjust styling options (varies by field type)
- Drag fields to reorder them
Field Types
Text
Display text content from your data.
| Setting | Options |
|---|---|
| Font size | S, M, L |
| Font weight | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
Heading
Display larger heading text for emphasis.
| Setting | Options |
|---|---|
| Font size | S (24px), M (32px), L (40px) |
| Font weight | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
Image
Display images from your data.
| Setting | Options |
|---|---|
| Aspect ratio | 1:1, 4:3, 16:9 |
| Image fit | Cover (fill area), Contain (show full image) |
| Corners | None, Small, Medium, Large, Full |
| Spacing | Top and bottom padding (S, M, L) |
Badge
Display tags or categories as styled labels.
| Setting | Options |
|---|---|
| Font size | S, M, L |
| Font weight | Light to Bold |
| Text colour | Custom colour picker |
| Background colour | Custom colour picker |
| Shape | Pill (fully rounded), Rounded (rounded corners) |
| Spacing | Top and bottom padding (S, M, L) |
Link
Display clickable links from your data.
| Setting | Options |
|---|---|
| Font size | S, M, L |
| Font weight | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
Divider
Add a visual separator line between content. Dividers don’t require a data column.
| Setting | Options |
|---|---|
| Thickness | Light to Bold |
| Colour | Custom colour picker |
| Spacing | Top and bottom padding (S, M, L) |
Managing Fields
Reordering
Drag and drop fields to change their display order.
Removing
Click on a field, then click the delete button to remove it.
Adding Fields to Details Pages
Details pages have their own separate set of additional fields, allowing you to show different or more detailed information than the item list.
Open the Details tab
- Open your widget in the Creator
- Go to the Details tab
- Make sure the details page is enabled
- Find the Fields section
Add and configure fields
Follow the same process as the item list — add fields, select columns, and style them.
Details pages typically show more fields than the item list, since visitors have clicked through to see the full information about a specific record.
Tips
- Use Headings to create sections within your item or details page
- Use Dividers to visually separate groups of content
- Keep the item list fields minimal — save detailed information for the details page
- Match badge colours to your brand or use them to indicate status/categories