Creighton Students
Manual Home  >  Typo3 assistance  >  Help working with content  >  Types of Content  >  JF Multicontent  >  How To!  >  Content in Columns
How to put your content into 1 - 5 columns

See an example of this

 

Page Contents:

Adding a plugin to your page

Go ~ here ~ for instructions on adding new content to your page.

On the General Tab select plugin from the Type select list:

Choosing Content to show

Content can all be on one page or from several pages.  Image for the slider should be the same size though.  Each tab/accordion section/slider/ is one content element.  You cannot do this if all images/content is in one content element.  Each section has to be in it's own content element.

To choose the content to show using this plugin you'll first click the small folder icon "Browse for records".

You'll get a popup window displaying your pagetree.  Click on the page that has your content you want to use.  On the left you'll then see the available content, click on the + next to the content title.  If you have not given your content a header, "no title" will display here.

Click image for full size:

 Once you have your content chosen you can go onto choosing the plugin style.

Using inline content

What is inline content?  It's content that you place on the same page as the plugin.  Why would you want to do this?  The best reason is that content on separate pages might be found by a search engine.  With the content all on your plugin page, the search engine will find it not pages elsewhere. 

To do this:

On the plugin tab of the content element in the "general" tab of the plugin you'll see "View" and below it a select list with "Contents" at the top.  This is how you would add content from external pages (see above).  Change this to "inline content".

You'll be asked if it is alright for the page to refresh and show new fields.  Choose "OK" (really you want to do it).

You'll then get "Create new Pagecontent" text and icon. 

You'll be given the exact same options as if you were adding content in the page module or the list module.  Add your content and save it.  You'll get another "Create new Pagecontent" above the one you just created.

.

You can add as much content as you want to work with within the plugin.

 

 

Editing Inline content

If you are using inline content (content on the same page as the plugin), there are a couple of things you'll need to know to edit that content.

1.  From the page module, you won't see the content.  You'll have to click the plugin edit button to get to it from the page module.

2.  From the view module you can edit either content elements or the plugin itself.  To edit either content element, must mouse over it. 

Click image for full size:

To edit the plugin, mouse over the space between the two content elements:

3.  In the list module you can easily see both the content elements and the plugin.  Since the two content elements were created in the plugin, they won't show on the page without the plugin:

Options for Columns

The options for the columns is very easy.  Choose how many columns you want 2, 3, 4 or 5.  Then you have to chose the width of each column.  You have to choose the percentage that each column takes.  If you leave it blank, it will not show in columns.  

If you choose "2 columns" you have to select the "Column class 1" and the "Column class 2". The sum of these values should be 100%. This applies to 3 and 4 columns also.

For 3 columns the following combinations are possible:

33 | 33 | 33

25 | 25 | 50

25 | 50 | 25

20 | 20 | 60

and so on...

This will generate, in normal configuration, classes to the content like in YAML:

class="c33l" | class="c33l" | class="c33r"

The class name can be defined in constant editor by the integrator and will be wrapped with the number you choose.

 

  1. "Column order": No Repeat, left to right, top to down; right to left, top to down.  If the columns add up to more than 100%, this will determine how the content wraps.
  2. The percentage for each column.
  3. Equalize columns (still investigating).

 

 

Creighton University