Horizontal and vertical containers are page components used in the Nova application to organize and structure content on a page.
-
A horizontal container, referred to as a "row" - is a layout element that arranges its child elements or components in a horizontal line, side by side.
-
A vertical container, referred to as a "column" - is a layout element that arranges its child elements or components in a vertical stack, one on top of the other.
This layout structure allows for a flexible and responsive design, adapting well to different screen sizes and orientations. It's a fundamental concept in creating well-organized and visually appealing user interfaces.
Container Properties
|
Section |
Property |
Function |
|---|---|---|
|
|
Name |
The unique name of the container. |
|
Styling |
Background |
Sets the background of a container.
|
|
Layout |
Width |
Sets the width of the container, minimum value is 1 and maximum is 12(Full). |
|
|
Gap |
The gap between the next component.
|
|
|
Direction |
Changes the type of the container to either:
|
|
|
Alignment |
Sets how the contents are alligned. |
|
Behavior |
Display on Desktop |
Toggle to hide the component on the Desktop view. |
|
|
Visibility logic |
Defines when the component is visible
|