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.