Multicolumn Content List

Owned by Liz Pantani
Jul 21, 2022
4 min read

Multicolumn content lists are used to help display brief content blurbs on a page for visitors in a quick and concise format. The content will display on the page in a horizontal format. This template is an option for introductory content about a targeted topics.

 

The following instructions will provide information on how to create and insert Multicolumn Content Lists into your page.

 

Table of Contents

 

Basic Text

You add Basic Text via the Content schema, the most widely used component in Tridion.

  • The following instructions provide information on creating the Content schema, adding basic text, and creating paragraphs.

For information on adding Basic Text to your page, visit these instructions:

Basic Text

Inserting Content Component(s) Into a List Component

Once all of your content components have been completed, you must create a List component.

  • This component will house all of your Content components, then you can add the List to a page.

In the Building Blocks folder of your respective website, click New Component in the Create tab of the navigation bar.

You will be taken to a new page for creating the component (shown below):

 

Creating a List component for the individual Content components.

 

At this stage, you must label the component a List component before you can add your content components to it.

  1. Choose List from the Schema drop down menu (highlighted in yellow above).

  2. Do not enter any text in the Display title field.

  3. In the List element field, click on the folder/magnifying glass button (highlighted in blue above).

A window will pop up that shows you the Building Blocks folder:

 

 

The Building Blocks folder with your individual Content components.

 

To add your individual Content components to the List component:

  1. Select a Content component you've just created.

  2. Click Insert (highlighted in yellow above).

  3. Back in the window for your List component, click on the green + icon (highlighted in yellow below).

 

 

 

The pop up for the Building Blocks folder will appear again, and you can enter your remaining FAQ components by selecting them and using the Insert button, like you did before.

 

 

Your completed List component, containing your individual Content components.

 

When you have multiple Content components in the list, you can sort them by dragging the sort icons (highlighted in yellow above) or delete them using the trashcan icons (highlighted in red above).

Once your list is complete, click Save & Close in the Home tab (highlighted in blue above).

 

Inserting Your List Component Onto a Page

To actually put the Multicolumn content list onto a web page, you must navigate to the desired page in the root folder and open it.

  • Click Insert in the Component Presentations tab, which will open up the pop up with the Building Blocks folder in it (shown below):

 

Inserting the List component onto a page.

 

Select the List component you created, then choose Multicolumn Content List from the Component Template drop down menu (highlighted in yellow above).

Once you have chosen Multicolum Content List, click Insert to add the component to your page.

Back in the window for your page, you’ll see that your Multicolumn Content List component is there.

The multicolumn component cannot be the only component on the page. You must create and insert a Page Title component (see Page Titles for more information) or a Content component (see Basic Textfor more information) to live on the page as well.

 

When you are happy with your page, click Save and Close and you are ready to Publish (see Publishing for more information).

Example of a FAQ List on a Web Page

Below is an example of the Multicolumn Content List Component we created in the above instructions, as it lives on a web page (highlighted in yellow):

 

A Multicolumn Content List Component in action.