Screen Types and Layouts
Explore the available screen types in UI projections. Learn about form, list, dashboard, detail, and wizard layouts, and how to use layout hints for responsive design.
Each page in a UI projection has a screen type that determines its overall layout and behaviour. Choosing the right screen type ensures the published wireframe accurately represents the intended user experience.
Screen Types
Layout Hints
Layout hints control how controls are sized within a screen. They determine the responsive behaviour of each control in the published view.
| Hint | Width | Use Case |
|---|---|---|
| Full-width | 100% of the available row | Long text fields, text areas, rich text editors |
| Half-width | 50% of the available row | Side-by-side fields like first name and last name |
| Third-width | 33% of the available row | Compact fields like city, county, postcode in an address row |
Layout hints are responsive. On smaller screens, half-width and third-width controls automatically stack to full-width to maintain readability.