Use Row for columns and Column elements to create column based layouts.

Locating the row for columns and column elements

To find these elements:

1. Navigate to a component or a template with the Layout canvas
2. Click the + button on the Layout canvas
3. Within the Elements tab, look for the Row for columns and Column elements.

Creating columns

To create a columns based layout:

1. Drag a Row for columns element onto the Layout canvas
2. Drag a Column element into the Row for columns element
3. Double click on the Column element to edit its settings
4. Set the width of the Column in the Width field. As an example, set it to 6 columns
5. Click Apply
6. Click on the ... icon menu on the Column element
7. Click Duplicate

Row for columns and column elements

Use Row for columns and Column elements to create column based layouts.

Locating the row for columns and column elements

To find these elements:

1. Navigate to a component or a template with the Layout canvas
2. Click the + button on the Layout canvas
3. Within the Elements tab, look for the Row for columns and Column elements.

Creating columns

To create a columns based layout:

1. Drag a Row for columns element onto the Layout canvas
2. Drag a Column element into the Row for columns element
3. Double click on the Column element to edit its settings
4. Set the width of the Column in the Width field. As an example, set it to 6 columns
5. Click Apply
6. Click on the ... icon menu on the Column element
7. Click Duplicate

Important

If you place a Row for columns element as the outer most parent you will get horizontal scrollbars. This is because the Columns bleed into the gutters. To prevent this, you must add a Container around your Row for columns. A simple way to do this is to add a wrapping Container to your Master template.