Basic entities settings

Root settings

Root: Change block width

To change the width of a block, switch to pro-mode, go to the block structure tab, select the Root, and then change the block width via updating the "maximum" property.

To make a block full width, select the root and click on the "maximum" property name to set its value to 'auto'.

Change block paddings

To change the block paddings, switch to pro-mode, go to the block structure tab, select the Root, and then change the block paddings by updating the "internal" property.

Row

Setting minimum height

To set the minimum height, select the Row, and change the min height by updating the "Height: min/max" property.

Setting maximum height

To set the maximum height, select the Row, and change the max height by updating the "Height: min/max" property.

Column

Set minimum width

To set the minimum column width, select the Column, and change the min width by updating the "Width: min/max" property.

Set maximum width

To set the maximum column width, select the Column, and change the max width by updating the "Width: min/max" property.

Contents

When the "contents" setting in a column is turned on, the column checks the content inside of it. If there's not enough width for its content, the column will take some width from the columns next to it.

Within the Contents parameter, you can also configure the following:

• Expansion indicates how quickly the column will expand in relation to others (defined as one Row) for different screen dimensions.

• Compression indicates how quickly the column will collapse in relation to others (defined as one Row) for different screen dimensions.

Proportion

You can adjust the width of a column in relation to other columns' widths by using the "proportion" setting.

Crop

You can hide content that extends beyond the column edges by using "crop" setting.

Hide

You can hide a column and its content by setting the "hide" property to "yes".

You can set this property to be different for desktop, tablet, and phone screens.

Absolute settings

Layer

Since an absolute is a background layer, you can control its position (similar to z-index) to move this layer closer to or further from the screen. Adjust property "layer" to move layer closer to or further from the screen.

You can add multiple absolutes to a single column (or root) and adjust the position of each absolute by changing its "layer" property.