Footer Container

Display contact details, affiliations, and key links below every page.

Using This Component

This can only be added to a footer page (located in your site's Configuration folder(/content/abc/config).

By default, it will display the four-column fat footer and a simple footer: the 'default fat footer (four column)' option.

There is only one tab, but depending on the chosen layout, there may be various areas to hold content. Click the wrench icon to configure these settings.

Initially, it loads with a four-column 'fat footer' above a 'simple footer'.

Zoom image: Tthe component as first displayed on the Footer page.

Tthe component as first displayed on the Footer page, with default four column fat footer and a simple footer.

Tthe component as first displayed on the Footer page.

The Footer container has options for a Simple Footer or an Enhanced Footer or a Fat Footer. The Fat Footer can be four or six columns, and includes the Simple Footer.

Mobile Ready

The Label setting will display a special heading on mobile phones and other small-screen device.

How To Build Your Footer?

Jakob Nielsen's post "Footers 101" provides a handy overview including tips and shortfalls.

Technical Restrictions

Only one Footer Container should be on your page.

Configure - Main Settings

The component opened to show the main configuration settings.

Layout - Choose between

Fat footer, four equal columns (default)
Provides an upper 'Fat Footer' area with four columns for links, plus a lower 'Simple Footer' area to hold contact details.
Fat footer, six equal columns
Provides an upper area 'Fat Footer' with six columns for links, plus a lower 'Simple Footer' area to hold contact details.
Enhanced footer
Provides an area for contact details plus a small area for links. It is essentially a hybrid between the 'Simple' and 'Fat' footers.
Simple footer
Provides just a 'Simple Footer' area to hold contact details.

Label - Provide a descriptive title for the footer area. This optional label for RWD is shown on small screen devices.

How Do I Set Up a Simple Footer?

On the left side, this is simply a UB Logo. On the right, a single column is intended to house your site or unit name, contact information, and optional social media links.

Open this Footer Container (was named Fat Footer) in your site's footer page (located in the Site Configuration folder).
In Layout, select the 'Simple footer' setting.
This will leave on the simple footer area but will turn off the fat footer columns.
Build out your content in the simple footer area as desired.
- Your site or unit name is usually added as a Title component.
- Your contact details are usually added as a Body Text component.
- Social media links are usually added as Social Buttons.

NB. This footer option is always accompanied by the system-wide standard copyright information and required links to accessibility and privacy information.

Example of a Footer with 'simple footer' turned on.

How Do I Set Up an Enhanced Footer?

This is a hybrid between the simple and fat footers, with four columns. A large left column (half-page) is intended to house the site name, contact information and social media links. To the right are three narrow columns for extra link clusters.

Open this Footer Container (was named Fat Footer) in your site's footer page (located in the Site Configuration folder).
In Layout, select the 'Enhanced footer' setting.
This will remove the simple footer area and the fat footer columns, and turn on a new 'enhanced footer' area.
Build out your footer as desired.
- Your site or unit name is usually added as a Title component.
- Your contact details are usually added as a Body Text component.
- Social media links are usually added as Social Buttons.
- Add link clusters using Call to Action or List Builder components, and optionally use the Title component for headings.
- Add social media links using Social Buttons.

NB. This footer option is always accompanied by the system-wide standard copyright information and required links to accessibility and privacy information.

Example of an 'enhanced footer'.

How Do I Set Up a Fat Footer?

This layout is intended to accompany a Simple Footer, and there are now two Fat Footer configurations.

Four-Column - This is essentially the old Fat Footer. Four columns are provided to house collections of links, usually lists or Social Media Buttons.
Six-Column - This is like the old Fat Footer, with two more columns. Six columns are provided to house collections of links, usually lists or Social Media Buttons.

Open this Footer Container (was named Fat Footer) in your site's footer page (located in the Site Configuration folder).
In Layout, select
- 'Fat footer, four equal columns (default).'
  OR
- 'Fat footer, six equal columns.'
In addition to a simple footer area, this will turn on an additional area with four or six columns for links.
Build out your fat footer columns as desired.
- Add link clusters using Call to Action or List Builder components, and optionally use the Title component for headings.
- Add social media links using Social Buttons.
Build out the simple footer area.
- Your site or unit name is usually added as a Title component.
- Your contact details are usually added as a Body Text component.
- Social media links are usually added as Social Buttons.

NB. This footer option is always accompanied by the system-wide standard copyright information and required links to accessibility and privacy information.