NYU.edu requires JavaScript be enabled in your browser in order to use important features of the site. JavaScript is either disabled or not supported by your browser. For instructions on how to enable JavaScript in your browser, click here.

Sub Navigation

Column Control

The Column Control component allows users to sub-divide a larger column space into smaller spaces for components. This will ultimately break-up the visual column grid for viewers of the site. You can select from pre-configured containers that define physical widths but allow for vertical spacing. Within these new sub-divided spaces content you will then be allowed to add other standard components.

When to use it?

The Column Control component may be used to sub-divide a larger column space into smaller spaces for components.

Where to use it?

The Column Control component may be used in any column container in any position on a CMS-driven page.

How to use it?

The component placeholder contains a column control. It appears as a container with a top and bottom border, as it is essentially a container for additional components (text, image, etc.).

The column control component lets you choose how many section subdivisions you wish to insert. However, this is also dependent on the template you choose, and where you insert the column control. For example, if you've chosen a 3-2 template, and you insert a column control component into the 3-column section, you can additionally subdivide that section of 3-columns into:

2 columns / 1 column

1 column / 2 columns

1 column / 1 column / 1 column

To choose the layout, click the Edit button on the top bar of the Column Control component. In the Column Control dialog box, click the drop-down menu to select from your available options. Click the OK button when finished.

The component now contains the subdivision you've chosen.

You may now drag and drop other components (for example, text or image) into the new subdivisions to add your content.

Screenshots

Column control creates a container in which you can put multiple components to break up an existing column container.

You can break up a 3-column container into various portions, but they always add up to three columns.

This is an example of 3 columns being broken down into 1- and 2-column containers. Use components inside of these new containers with this layout.