Layout Display Settings

Layout Display Settings

This article is relevant to mojoPortal Content Management System version 2.3.9.0 or higher and explains how you can control the CSS classes used for the main column layout. This is particularly useful for supporting CSS class names used in CSS Grid Systems such as Zurb Foundation, Twitter Bootstrap and any other grid systems that have particular CSS class name conventions.

To use these properties your layout.master file may require a few changes if it does not already have these elements.

This should be near the top of your layout.master file just above the <form element:

The above has the classes used in most of the mojoPortal skins as well as the ones used by Artisteer skins. These classes are assigned programatically to adapt automatically from 1 to 3 column layout depending on which panes actually have content as discussed in the article How the Main Column Layout Works.

If you change the classes then it is up to you to implement the css that is appropriate. The following example shows how it is configured in our skin based on Zurb Foundation grid system: