Footer Container

Display contact details, affiliations and additional links and buttons at the bottom of all your pages.

Old Brand Cleanup

You can delete any any -oldbrand header or footer files left over from the 2017-18 brand transition.

Using This Component

Add the container to the page. When the container is first added, 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.

Component as first displayed on the page.

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

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.

Fat Footer tab

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.

The component opened for editing.

The component opened for editing.

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.  

  1. Open this Footer Container (was named Fat Footer) in your site's footer page (located in the Site Configuration folder).
  2. In Layout, select the 'Simple footer' setting.
  3. This will leave on the simple footer area but will turn off the fat footer columns.
  4. 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.

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.  

  1. Open this Footer Container (was named Fat Footer) in your site's footer page (located in the Site Configuration folder).
  2. In Layout, select the 'Enhanced footer' setting.
  3. This will remove the simple footer area and the fat footer columns, and turn on a new 'enhanced footer' area.
  4. 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'.

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.  
  1. Open this Footer Container (was named Fat Footer) in your site's footer page (located in the Site Configuration folder).
  2. In Layout, select
    • 'Fat footer, four equal columns (default).'
      OR
    • 'Fat footer, six equal columns.'
  3. In addition to a simple footer area, this will turn on an additional area with four or six columns for links.
  4. 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.
  5. 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.

Example of a four-channel 'fat footer'.

Example of a four-channel  'fat footer'.

Example of a six-channel 'fat footer'.

Example of a six-channel 'fat footer'.

Restrictions

  • Only one Footer Container should be on your page.

Was This Page Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See an Example:

RWD-Enhanced

The Label setting will display a special heading only for small-screen devices on RWD-enabled websites.

Related Components:

Last Reviewed:

April 24, 2018