Skip to content The Open University

Customise the layout

Info

We also use body class attributes to toggle different layouts in OU ICE. Using this simple technique we can activate single coloum and three column layouts with navigation on the right or the left.

We can remove the wrapper that contains the maint site content and the second column in order to have a floating panel feel. To do this we'll add another class attribute to the <body> element in our index.php file:

Activity 15

  1. <body class="ou-ia-about ou-panels">

We can chain as many body class attributes as we like to get the desired effect as you'll see in the coming pages!

Example

The index.php page now looks like this

Return to the main OU ICE documentation site