New York University Skip to Content Skip to Search Skip to Navigation Skip to Sub Navigation
Main Navigation

Add a Column Control

  1. Navigate to and open the desired page.
  2.  Add a component. The component is located under "Other" in the sidekick.
  3. 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.).
  4. 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.

  5. The component now contains the subdivision you've chosen.
  6. You may now drag and drop other components (for example, text or image) into the new subdivisions to add your content.

Examples

Component Tutorial: Column Control Box

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

Component Tutorial: Column Dropdown

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

Component Tutorial: Column Control 2-1

This is an example of 3 columns being broken down into 2- and 1-column containers.

Component Tutorial: Column Control

Input the components you want in your column control.

NYU Footer