Column Control component

The Column Control component allows users to layout the desktop view in 2 or 3 columns with pre-set percentages. The layouts available are:

  • 25/75 and vice versa
  • 33/66 and vice versa
  • 50/50
  • 99/1
  • 33/33/33

To load the component

To load the Column Control component onto the page:

  • Open Side Panel if closed, and then click on the Components tab
  • Drage and drop the Column Control component.

To configure the component and adjust the column width

  1. Click on the component, selecting the whole column control component area and not an individual component inside of it (clicking the white space between columns is the easiest way to do this)
  2. Click on Configure icon (wrench)
  3. Select a layout
  4. Click on the Done icon (checkmark) to save

Troubleshooting

Can I set my own column layout percentage?
Layout percentages are preset and cannot customize.

Can I nest the Column Control component?
Yes, you can nest multiple Column Control components, however, we do not recommend you nest more than two since the layout will be very complicated and difficult to work on.