Column Control Component

Divide a page into columns.

On this page:

A column control cannot be placed inside another column control.

Last revised: May 5, 2022

Using This Component

This component has one tab but loads loads two bars, Start of Columns and End of Columns. Click the wrench icon to configure these settings. Content is then added between these two bars.

'Experimental Settings'

For nine-column 'Wide-Right Column pages, there are two special settings: 'two 4½-4½' and 'four 2¼-2¼-2¼-2¼' columns. These may be flagged as experimental because they have not yet been tested for all configurations. If you try them and encounter issues, please let us know.

Technical Restrictions

  1. You cannot put a column control inside another column control. If you do so, the page will break -- try using 'undo', or enter the Cntento Tree to remove the mistake (shortcut 't').
  2. Column Control can only be used within the main content area (not sidebars or a Related Content Container).
  3. You can only control the available space. To gain more width, and more column options, enter Properties (shortcut 'p') and choose a wider Page Type.

Configure - Main Settings

UBCMS pages have twelve columns, whose availability for use depends on the page layout that is chosen. 

  • 'Three Column (default)' allocates 3 columns for the left sidebar, 6 to the center well, and 3 for the right sidebar.
  • 'Two Column (wide on right)' allocates 3 columns for the left sidebar, and 9 to the center well.
  • 'Two Column (wide on left)' allocates 9 columns to the center well, and 3 for the right sidebar.
  • 'One Column' allocates all 12 columns (the full width) to the center well.

Thus the center well can be 6 or 9 or 12 columns wide. 

When you add a Column Control container to the center well, you must then choose the Column Layout.

  • 'Three Column' - Chose from: 
    • 2 physical columns (3-3)
    • 2 physical columns (2-4) 
    • 3 physical columns (2-2-2)
  • 'Two Column' - Chose from: 
    • 2 physical columns (6-3)
    • 2 physical columns (4-4)
    • 3 physical columns (3-3-3)
    • 4 physical columns (2-2-2-2)
    • 2 physical columns (4½-4½) experimental
    • 4 physical columns (2¼-2¼-2¼-2¼) experimental
  • "One Column" - Chose from: 
    • 3 physical columns (4-4-4) 
    • 3 physical columns (3-6-3)

Once you have divided your main content area into columns, drag and drop components into each column. Equal amounts of white space will be added between the columns.

See an Example

Was This Information Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)
(Required)