i
Layout
This element is a structure composed of a set of Items and allows them to be structured based on different styles: column, row, stripe, and mosaic. These items are containers, allowing other elements to be incorporated. These elements can move along with each item when the layout structure is resized.
The entity modeler also includes other structural elements that facilitate field modeling, improving the time it takes to model an entity without worrying about the aesthetic aspects of the fields. All aesthetic aspects of these elements are defined by default to adapt to the 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
When selecting the option "Layout" from the icon in the top toolbar, a list opens with the different subtypes of this element, which can be dragged and dropped into the modeling area. Each subtype has the element's properties modeled and built 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 defining items or cells arranged in rows and columns. Within each cell, any element can be dragged and dropped, for example, fields, collapsible containers or repeating groups of fields.
The cells in the mobile breakpoint are arranged by stacking each row's cells from left to right.
Columns and Rows
It allows defining items or cells arranged in columns and rows. Within each cell, any element can be dragged and dropped, for example, fields, collapsible containers or repeating groups of fields.
The cells in the mobile breakpoint are arranged by stacking the full 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: