Layout

Business Background

The Layout option is available for the Modal and Custom Drawer elements. Use this option to change the column layout.

How to Video

• 0:01 Introduction.
• 0:26 Learn how to add Modals.
• 1:01 We show you how to add columns.

How to Guide

1. Click the + icon to open the list of elements.
2. Select the Containers element option from the list.
3. Drag-and-drop the Modal element option to the canvas.
   • In this example, a modal is used, but the same applies to drawers.
4. Click the Modal element settings Gear icon. The Modal Settings screen opens. The default option is one column.

5. Click to select two columns. The modal will be split into two columns.

6. Use the column fields to add the width of each column in percentage. The total must be 100%.

7. Alternatively, click to select three columns. The modal will be split into three columns.

8. Use the column fields to add the width of each column in percentage. The total must be 100%.

9. Add elements to each column. Click here for more information.