6. List View
The List View displays records as a scrollable card-based list. It is the default browsing interface for end users, providing search, sort, and quick actions.
6.1 Layout
- Header row — Shows the total item count and a search field.
- Column headers — Underlined column names that are clickable for sorting.
- Record cards — One row per record, displaying the configured columns.
- Add button (Editors only) — Floating + button at the bottom-right to create a new record.
6.2 Searching
- Tap the search field at the top of the list.
- Type your query. Search is real-time with a 300ms debounce — results update as you type.
- Search is case-insensitive and matches across all visible columns.
If no results match your query, a search icon with helpful text is displayed instead of the list.
6.3 Sorting
- Tap a column header to sort by that column in ascending order.
- Tap the same header again to toggle to descending order.
- An arrow indicator (up or down) appears next to the active sort column.
- Tap a different column to sort by that column instead.
6.4 Column Display
How each column type renders in the list:
| Type | Display |
|---|---|
| Text / Paragraph | Left-aligned text, full width |
| Number | Right-aligned, narrow width, formatted |
| Date | Right-aligned, medium width, locale-formatted |
| Picture | Centered thumbnail (100px height) |
| Document | File viewer link |
| Reference | Display label from referenced record |
6.5 Opening a Record
Tap any record card to open it in the Form View. When you return from the form, the list refreshes and restores your scroll position.
6.6 Deleting Records
Editors, Admins, and Owners only.
Swipe a record card to the left to reveal a red delete button. Tap it to delete the record immediately.
6.7 Adding Records
Editors, Admins, and Owners only.
Tap the floating + button at the bottom-right corner. This opens the Form View in Edit Mode for a new blank record. After saving, the list scrolls to show the new entry.
Next: Views & Filters →