ColumnLayout positions and sizes a container's children horizontally, with each component specifying how much of the container's available width it will take up. This width specification which can be expressed in pixels or as a percentage is encapsulated as a
ColumnData object, the child widgets are then sized by
ColumnData and positioned in horizontal columns. If you need to render components in a small number of horizontal blocks, such as a three column (left, middle, and right) segmented form, then
ColumnLayout is your best bet.
ColumnLayout as the layout for a container and then add components ...