Using the Row and Column Containers

To create the responsive layout of the application, use row and column responsive containers which are available by clicking the Row and Column buttons in RESPONSIVE LAYOUT.

The row and column features correspond to Row and Col elements of the Bootstrap Grid system. As their children, each row can contain only columns and each column can contain a single component or multiple rows.

Responsive Containers

Column Type

Each column can be used as any of the following elements:

  • A Bootstrap column—When the column type is Bootstrap, the columns can take 12 parts of its parent container.
  • A container with a fixed width—When the column type is set to Fixed, the column occupies the space of the screen that equals to its width.
  • A flex container—When the column type is set to Flex, the column occupies the entire empty space from the parent containers and its sibling column elements.

Column Width

If you use Bootstrap, the column width property defines how many of the 12 parts the column will occupy.

Responsive Containers

  • Save metadata—To save the medatadata on the file system use keyboard shortcut Cmd/Ctrl + S.
In this article
Not finding the help you need?