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. Navigate to Titan Web Application and select the expand (+) button next to the settings icon. A list of elements will show.
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. One column is the default option.

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.