Skip to Content (Press Enter)

 California State University, Fullerton

 

Print

Text Size: Small Text Medium Text Large Text

Web Page Configurations

If you have recently migrated to using OmniUpdate (OU) as your content management software for your college or department you are probably wondering what types of displays you can have with the Version 2 templates.  If you go to your page properties and don't see the Version 2 options please talk with your web administrator to see if / when you'll be upgrading to them.

Page Layouts

configuration options There are a few options on the properties page which can help you define the page layout.  To access these properties click on the "Prop" button after you check out the page for editing.  The options are going to be within the configuration section and are found towards the top part.  The image on the left represents the options that will allow you to control the majority of page layout.

Page Model allows you to specify what kind of page you'd like to create.  At this time there are three types, general content with up to four sections for editing content, a faculty/staff template, and an image gallery.

Gallery Directory provides you a way to link to a folder which contains image files.  This will provide you with an editable zone across the top of the image gallery, then under that the images within the directory will automatically be placed on the page.  There are links to the full image as well as a slide show option should the user's browser support javascript.

Page Layout will provide you with various arrangements for your content sections.  The layouts will degrade gracefully and more information regarding them can be found below.

Page Proportions contains options for sizing the content zones.  Note that these proportions only effect the zones for the last three layout options.  The remaining layout types will automatically expand to fill the space provided.

Left Sidebar and Right Sidebar options allow you to show or hide either of these bars.  Please remember that if you choose to hide the left sidebar the section navigation will hide as well.

Page Layout Configurations

Below are examples of page configurations.  All configurations shown are using four sections to better illustrate how a page will display when maximum content sections are filled.  If you should choose to use less sections the page layout will degrade as gracefully as it can.

All sections in columns

all sectinos in columns

Having all the sections in columns will automatically fit each column to the page width.  If you choose one section it will be 100% of the content area, two sections will each get 50% of the content zone with margins, three sections will be 33%, and four sections will be 25%.

 

 

 

All sections in rows

all sectinos in columns

When set to rows the sections will automatically fill the entire width of the content area.  Each row will push the next section down with the height being determined by the content within each section.  While you could create this same layout using just one section you are able to also do it in four.

 

 

 

First section as a row, bottom sections as columns

all sectinos in columns

The top section will appear as a rows across the entire content area.  The remaining sections will distribute evenly across the bottom as columns.  If you use the layout with only two sections you will have two rows.  Works best with three or four sections of content.

 

 

 

Last section as a row, other sections as columns

all sectinos in columns

Just the reverse of the previous layout.  The concept of evenly distributed columns still holds true.  This also will produce a two row layout if you use only two sections.  Works best with three or four sections of content.

 

 

 

 

Top and bottom as rows, columns in between

all sectinos in columns

This format really is designed for using four sections.  While it will still display without error using less the structure will not be correct.  The first section is a row full across the page.  Then the next two sections are 50% columns.  Finally the remaining section is a full row across the page.  This is actually a good setup for a landing page or even a home page.  The two sections in the middle are good for slideshows or RSS feeds while the top and bottom are good for welcome text or section information. 

 

2X2 - Two columns, two rows *

all sectinos in columns

While it works with less than four sections it will keep things nice and tidy.  Sections one and two will be in the same row as will section three and four.  If either section is bigger it will force the entire row push down; for instance, if section one is longer than section two, then both section three and four will be pushed down below section one and two.

* This is the first option which also works with page proportions.

 

 

First section as a column, remaining sections are rows *

all sectinos in columns

Section one will remain in a full column all the way down the left side of the content area.  The remaining sections two through four will be rows on the right side.  The page will continue to grow as your content grows in each section.

* This option also works with the page proportions.

 

 

 

Last section as column, remaining sections are rows *

all sectinos in columns

The last section will remain in a full column all the way down the right side of the content area.  The remaining sections one through three (if you use 4 sections) will be rows on the left side.  The page will continue to grow as your content grows in each section. Remember your last section will be set as the single column.  If you choose to show only three content sections then it will be the third section as a column while sections one and two will be rows.

* This option also works with the page proportions.

 

Section 4

Aliquam nec erat at purus cursus interdum. Vestibulum ligula augue, bibendum accumsan, vestibulum ut, commodo a, mi. Morbi ornare gravida elit. Integer congue, augue et malesuada iaculis, ipsum dui aliquet felis, at cursus magna nisl nec elit.