Skip to content

Child Layout

The CHILD LAYOUT group controls how the children of this element are arranged.

The full CHILD LAYOUT inspector section.

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
Clip childrenMask children that exceed the bounds (adds a RectMask2D)Clipping

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

Docs for AutoLayout PRO v1.0.0 Changelog