Layout editor

Where in the UI. Layout tab. Choose the element and layout in the bar. Palette of widgets; inspector for box, style, and type-specific props.

A layout is a rectangle the size of the item. Everything is absolutely placed in 0–1 coordinates relative to that surface. 0.5, 0.5 is the center if the anchor is center.

Shared box

Every widget has x, y, width, height (fractions), zIndex, a 9-point anchor, and optional rotation (static, binding, or expression). Documented once: Layout box and style.

What to drop first

Text, image, button, table, chart cover most products. Boolean, date, enum, slider, rating, QR, SVG, badge, progress, timer, list view, and chrome (line, spacer, group, drag handle) fill the rest. Catalog: Layout components.

Tasks

1. Select the layout Preview should show (the layout picker in the Layout tab bar — “layout in use”).
2. Drop text; bind title (see cookbook).
3. Set style (fill, type, padding) on the component, not on a wrapping HTML concept — there is no flow layout.
4. Use group only when you need clipping or to move a set together.