Interlude.Layout.Split
In Depth¶
Layout.Split(first, second, horizontal: true, position: 0.5)
Two panes separated by a splitter the user can drag.
For the case where the right balance depends on the data rather than on the designer — a list of things beside the settings for the selected one, where one project has four items and the next has four hundred.
The split position is where it starts, not where it stays: dragging it is the point, and the position is not remembered between runs.
The inputs are:
first(FormElement) — The left or top pane.second(FormElement) — The right or bottom pane.horizontal(boolean, defaults totrue) — Split side by side rather than one above the other.position(number, defaults to0.5) — Share of the space given to the first pane, from 0 to 1.
Returns element — The form element.
Search terms: split, splitter, panes, resize.
About the Layout nodes¶
Arranging and decorating a form: sections, rows, grids, tabs, and the elements that show something rather than ask something.
Every container takes a list of elements. None of them has a single-element overload, on purpose: with both available, a graph that passes one element to a list port gets replication instead of a container, and produces N containers of one child each rather than one container of N. Pass a list, even a list of one.
Example File¶
An example graph ships beside this page: Interlude.Layout.Split.dyn
The form it builds:
