Skip to main content

Column Control

The Column Control component enables you to divide the component into 2, 3, or 4 parts, or columns. In each column, the author can add a different component to make the presentation more uniform on the site page. 

Authoring

The column control enables the author to divide the component into 2/3/4 parts and each part can have a different component inside it.

The author can insert the column control in a component area of their site.

Configuration

In case any unusual behavior is observed due to formatting changes in one of the Column control Container, the page should be refreshed to see if the issue goes away.

To edit it, click on the component and a wrench icon will appear which will enable the authors to configure the component.

A dialog box will then open where the author can divide the component into multiple parts or columns.

Once the author has divided the component into the desired number of columns, they can click the checkmark and the component will be divided into those many columns on the site.

In each of the columns, the author can add a different component. For example, for the first column, the author can add a Callout box; for the second column, they can add an image; and for the third column, they can add text.

*Note: The Columns Control Component is sensitive and may display layout issues when inserting and/or editing the component in Author. If an issue occurs, simply refresh the page to correct any component-editing issues.
 

Add Column

If the author wants to change the column control component from 3 parts to 4 parts, they can easily do so and the components that are already a part of the column control component will be adjusted to include the 4th part.

Remove Column

To prevent the authors from accidentally deleting a column, we have given a warning on the column control component, that the author needs to empty the changes before removing a column.
 

If the author wants to reduce the columns from 3 parts to 2 parts, they can do so by editing the column control component and changing the Column width field from 3 columns to 2 columns.

In doing this, the third column with the Text field will disappear. 

If the author wants to get the deleted column (and its contents) back, simply change the configuration back to what it was, and the deleted column (and its content) will return.

Examples

Each row in the example below shows each configuration the Column Control can be set to; 5 "2 column" configurations, 4 "3 column" configurations, and the lone 4 column configuration.