Layout container elements

A layout container is the root HTML element that is responsible for the layout of its content. It is structured like a grid.

The data-g-layout-container attribute

Table 1. Properties of the data-g-layout-container attribute
Property Default Value Description
horizontalSpacing 0 The horizontal spacing between two (2) adjacent layout items.
verticalSpacing 0 The vertical spacing between two (2) adjacent layout items.
horizontalBubbling true Stop (false) or propagate (true) the horizontal layout policy up the tree.
verticalBubbling true Stop (false) or propagate (true) the vertical layout policy up the tree.
autoLayout false Let the content make their own layout.
gridChildrenInParent false If true, means that the container items will be added and ruled by the parent container. This supports the GRIDCHILDRENINPARENT Genero attribute.
To have the content of a container do their own layout, the autoLayout property of the data-g-layout-container must be set to true. To disable or overwrite the default styling, the data-g-layout-container-auto attribute is automatically added to the container element.