What problem does it solve?
Makepad 2.0 uses a layout turtle system that differs fundamentally from CSS flexbox and grid, causing common bugs like invisible UIs from missing height: Fit, clipped text from misused Filler widgets, and non-scrolling views from incorrect viewport sizing.
Core Features & Use Cases
- Walk Sizing System: Configure widget dimensions with Fill, Fit, fixed pixels, and constrained variants like
Fill{min: 100 max: 500}.
- Flow Layout & Alignment: Arrange children with
flow: Down, flow: Right, flow: Overlay, wrapping flows, spacing, padding, and Align positioning.
- Scrollable Containers & Patterns: Use ScrollYView, ScrollXView, and ScrollXYView correctly, plus ready-made patterns for sidebars, card grids, dialogs, and header/body/footer layouts.
- Use Case: When building a Makepad app page with a fixed header, scrollable list body, and footer, this Skill provides the exact Splash syntax and sizing rules so the layout renders correctly on the first attempt.
Quick Start
Use the makepad-2.0-layout skill to build a vertical page layout with a fixed header, scrollable body, and footer in Makepad 2.0 Splash syntax.