i
Container
To create an adaptive and structured design for the page, container boxes are used. Drag the elements inside the container and its style is then arranged for different displays. Elements are automatically attached to the container so they change size in direct relation to the container.
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.
The element properties are represented by icons in its context menu, where its operations are also available.
Subtypes
By selecting the “Container” 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.
•Simple
•Background Color
•Border
•Shadow
•Collapsible
•Repetitive Group Fields
•Collapsible Repetitive
Simple
It allows modeling a simple-style container. The content can be any element.
Background Color
It allows modeling a container with a preset background color, which can be modified. The content can be any element.
Border
It allows modeling a container with a preset background color and a border, which can be modified. The content can be any element.
Shadow
It allows modeling a container with a preset background color, a border, and a shadow, which can be modified. The content can be any element.
It allows modeling a drop-down container that can expand or close its contents by clicking on the corresponding icon, or . The content can be any element.
It allows modeling a structure of repetitive fields in the form of a grid, with the ability to indicate descriptions and headers, in addition to the functionality to add and delete items from the repeater.
Collapsible Repetitive
It allows modeling a drop-down container that can expand or close its contents by clicking on the corresponding icon, or . The content consists of repeating fields in a grid-like structure, with descriptions and headers, and functionality to add and delete items from the repeater.
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: