Skip to content

Child Layout

The properties in the CHILD LAYOUT inspector group control how children of this element are arranged. Each property has its own reference page; this is just the index.

Layout types

The Layout Type selector picks the algorithm:

TypeBehaviourPage
NoneNo arrangement — children manage their own positioning.
RowHorizontal flow with main/cross alignment, gap, wrap.Row & Column
ColumnVertical flow, same controls as Row.Row & Column
GridCSS-grid-style 2D — tracks, spans, auto-fit, dense flow.Grid
AbsoluteChildren all use absolute positioning by default.Absolute
CustomPlug in your own algorithm (Ring, radial, hex, …).Custom Layouts

See Layout Type for the picker reference.

Spacing & clipping (any layout type)

PropertyWhat it doesPage
PaddingInset between this element’s bounds and its children’s content areaPadding
OverflowVisible / Hidden / Scroll — clip behaviour for children outside the boundsOverflow

For everything that controls how this element is sized and placed, see Size & Position.

Docs for AutoLayout PRO v1.0.0 Changelog