ROW Options


Row with 3 columns



Row Columns Resize



Row Layouts



Settings Tab



Background Tab




Row Examples

Example 1: Fullwidth Row



Example 2: Equal Columns



Example 3: Different Content



Example 4



Example 5





Row Documentation


Default View


Row with 2 columns



Row with 4 columns



Row with 6 columns



Columns Layout

Layouts are settings in section, row, column and background ShortPoints. They are responsible for the spaces between content and the container.



Full



Standart



Full Height



Full Width



Content Alignment

By default, the Row will position the content on the top left. You can change this using horizontal and vertical alignment options



Default Alignment




Default Alignment + Row Height 250px



Horizontal Alignment: Center



Horizontal Alignment: Center + Vertical Alignment: Middle + Row Height: 250px



Horizontal Alignment: Right + Vertical Alignment: Bottom + Row Height: 30%



Different Columns Content Alignments




Row Height

By default the Row height will be based on its content height. You can change this by setting a height to the section.



Autoheight

The height of the Row will be based on the content height by default


1/3 Screen Height

The height of the Row will be 1/3 of any screen height.


Full Screen Height

The height of the Row will be 100% of the height of any screen


Custom Height

You can set a height in any value you want