User Guide
Reference for every panel and toolbar in the SUI Designer window.
The editor uses a fixed 5-region layout (no DockManager, no drag-to-rearrange) — by design, to keep visual position predictable:
┌──────────────────────────────────────────────────────────────┐
│ Top toolbar │
├──────────┬──────────────────────────────┬───────────────────┤
│ Palette │ │ │
│ │ Center tabs (Designer / │ Details panel │
├──────────┤ Preview / Code) │ │
│Hierarchy │ │ │
│ │ │ │
├──────────┴──────────────────────────────┴───────────────────┤
│ Bottom tabs (Animations / Bindings / Compile / Logs) │
└──────────────────────────────────────────────────────────────┘
Pages in this section:
- Editor tour — high-level map
- Top toolbar — Save, Compile, Test in Play, Undo, Redo, Grid, Settings
- Palette — element catalog
- Hierarchy — tree view, reparent, lock/hide
- Details panel — per-element property editor
- Canvas — the designer surface (paint-based)
- Alignment tools — Align + Distribute for multi-selection
- Compile Results — generated/skipped/preserved/conflicts feedback
For the underlying concepts, see Concepts.