Requests a spans
sized cell from this layout (via .next()
) and creates and returns a new child GridLayout for the returned box / grid cell. This child layout is configured to use cols
columns and shares same gap
as this (parent) layout. The configured row span only acts as initial minimum vertical space reseervation, but is allowed to grow and if needed will propagate the new space requirements to parent layouts.
Note: this size child-parent size propagation ONLY works until the next cell is requested from any parent. IOW, child layouts MUST be completed/populated first before continuing with siblings/ancestors of this current layout.
// single column layout (default config)
const outer = gridLayout(null, 0, 0, 200, 1, 16, 4);
// add button (full 1st row)
button(gui, outer, "foo",...);
// 2-column nested layout (2nd row)
const inner = outer.nest(2)
// these buttons are on same row
button(gui, inner, "bar",...);
button(gui, inner, "baz",...);
// continue with outer, create empty row
outer.next();
// continue with outer (4th row)
button(gui, outer, "bye",...);
Updates max rows used in this layout and all of its parents.
-
Returns the number of rows for given height.
Calculates the required number of columns & rows for the given size.
Generated using TypeDoc
Returns the number of columns for given width.