Layout
This element is a structure built of a set of Items and allows to structure them based on different styles such as column, rows, mosaic and stripe. Such items are containers, which allows to incorporate them to other elements. These elements can be moved along with each item when the layout structure is resized.
The page modeler also includes other structural elements that facilitate the fields modeling by speeding up the modeling of a page, without worrying about the aesthetic aspects of the fields. All aesthetic aspects of these elements are defined by default to adapt to different breakpoints.
Both groups of structural elements are used by subtype selection.
The element properties are represented by icons in its context menu, where its operations are also available.
Subtypes
By selecting the “Layout” option from the icon 
on the top toolbar, a list with the different subtypes of this element is displayed, which can be dragged to the modeling area. Each subtype has modeled element properties, predefined in a specific way.
•Column
•Row
•Stripe
•Mosaic
•Columns and Rows
•Rows and Columns
•Field Group
•Fields in Rows and Columns
Column
It allows to define items arranged in columns. Within each column item, any type of element can be dragged.
Row
It allows to define items arranged in rows.Within each row item, any type of element can be dragged.
Stripe
It allows to define items arranged in a horizontal strip that covers the entire available width, incorporating a scroll bar to move. Within each stripe item, any type of element can be dragged.
Mosaic
It allows to define items arranged in a grid, within each item any type of element can be dragged. Mosaics can be uniform or varied in size, depending on the desired style.
Rows and Columns
It allows to define items or cells, arranged in rows and columns. Within each cell any type of element can be dragged, for example, fields, collapsible containers or repetitive field groups.
The cells in the moving breakpoint are adjusted by stacking their cells from left to right for each row.
Columns and Rows
It allows to define items or cells, arranged in columns and rows. Within each cell any type of element can be dragged, for example, fields, collapsible containers or repetitive field groups.
The cells in the moving breakpoint are adjusted by stacking their complete columns from left to right.
Field Group
Allows to define fields arranged in a row or a column, depending on the selected layout. One or more fields can be modeled.
Fields in Rows and Columns
Allows to define fields arranged in rows and columns. They can be modeled with one or multiple rows and with one or multiple columns. On each cell one or more fields can be defined.
Classification of Properties
Properties are divided into two groups: esthetic properties and behavior properties.
Esthetic Properties
In the esthetic properties panel, the following are grouped:
Behavior Properties
In the behavior properties panel, the following are grouped:
