Skip to content

Multi-Column Layout

In Content Builder, you can create multi-column layouts within a Box to arrange content. When you hover over a column, a column toolbar appears.

Column Toolbar

ButtonNameDescription
MoreExpand more options (see below)
AddAdd a new column to the right
📋DuplicateDuplicate the current column
IncreaseIncrease column width
DecreaseDecrease column width
<>HTMLEdit column HTML source code
DeleteDelete the current column

More Menu

After clicking the More (⋮) button in the toolbar, the following move options are displayed:

ButtonNameDescription
Move LeftMove the column to the left
Move RightMove the column to the right
Move UpMove content up
Move DownMove content down

How to Use

  1. When adding a content block within a Box, select a multi-column layout preset template
  2. Hover over a column and the toolbar will automatically appear
  3. Use the Increase/Decrease buttons to adjust column width ratios
  4. Use the Add button to add more columns
  5. Use Duplicate to quickly copy the same column structure

Fiwetis DNN Roofing Theme Documentation