List-detail (master-detail) layout
List-detail (master-detail) layout
Two-pane layout: list on the left, detail on the right, no persistent nav column. Lighter than three-column; used when the list itself is the primary navigation.
Use when
- The collection is small enough to browse (tens, not thousands).
- No top-level nav is needed beyond the list.
Structure / rules
- List pane ~40% width, detail pane ~60%.
- Selecting a row swaps the detail pane in place; no page navigation.
- Include a create action in the list header.
Anti-patterns
- Using it for large collections (needs search/filter first — see three-column-workspace).
Slots
{collection}— record type and list ref.{detail-fields}— fields shown.
Sources
- factory/forms/form-engine/QAPP.md