University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Footer Container

Display contact details, affiliations and additional navigational links and buttons at the bottom of your pages. (Formerly 'Fat Footer.')

New Brand Features

Formerly named 'Fat Footer', this component will become the sole element for all site footers. Some additional layout options have been provided. 

Some new features are only available for new brand sites.
> read more about the digital brand transition
> read more about changes to this component

Older LIVE sites will need to transition. 
> Step by step guide for transitioning to the new footer is below

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 will be a variety of areas that can each 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.

Older sites were limited to using the independent out-dated Simple Footer and Fat Footer, but sites can now use this updated component to display just a Simple Footer, just an Enhanced Footer, or a Simple Footer plus a Fat Footer. And the Fat Footer can have four or six columns of links.

To take advantage of the new features, sites that are not yet in the new brand may need to follow the procedures described below starting with Do I Need to Make Changes?

Want to Experiment?

Consider using the interactive Demo Site to test out the new features.

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 (new brand pilot only)
    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 (new brand pilot only)
    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.

New Brand Features

At a Glance
New options, with more columns.
Combines functionality of Simple Footer AND Fat Footer.
Sites with just a Simple Footer will need to switch to the Simple Footer version of the Footer.  
Sites with both a Simple and Fat Footer will need to adjust the existing fat footer (now 'Footer') to hold the details from both containers.

Overview

The Footer is now the only container element to be used in your site footer and replaces the Simple Footer.

The new Footer container has options for a Simple Footer OR an Enhanced Footer, plus an optional four- or six-column Fat Footer.

Do I Need to Make Changes?

  • If your site was built BEFORE April 10, 2017, you will need to update the Footer.
  • LIVE older sites must make additional adjustments. > read more about the brand transition
  • Sites created from April 10, 2017 forward already have the correct container, but may choose to make further adjustments.
  • If you have breadcrumbs showing in your footer you need to remove them

Updating your footer will depending on your current configuration.

Your site currently JUST has a Simple Footer

You will be replacing your Simple Footer with the new Footer container.

  1. Add the new Footer container to your page.
  2. Select the 'Simple Footer' layout.
  3. Copy over content from your existing Simple Footer container.
  4. Delete your existing Simple Footer container.

Your site currently has a Fat Footer AND a Simple Footer

Your existing Fat Footer is already the new Footer container, but you will need to migrate your Simple Footer content into the Footer container.

  1. If you do not see a Simple Footer area below the Fat Footer columns, click the Edit link in the Fat Footer, re-select Four, or Six-Column Fat Footer, and click Ok.
  2. The lower area is intended to house the same details as ytour existing Simple Footer. Copy over any content from your existing Simple Footer.
  3. Delete your existing Simple Footer container.

Read more about How to Install Footer Containers below.

What Components Work Best in the New Footer?

Simple Footer

  • Intended for contact information plus navigational links back to your unit, and your parent affiliation.
  • No need to add additonal components, just plug in the details.

Enhanced Footer

  • Intended for the basic information from a Simple Footer, plus some additonal navigational links.
  • Consider adding a List Builder or perhaps a News or Events list. You can also add Social Media Buttons.

Fat Footer

  • Intended to hold lots of navigational links in four or even six columns.
  • Add List Builders to set up your link clusters, or use Social Media Buttons. Then add add Titles and separate each cluster with a Divider as needed.

How Do I Make Changes?

This is very similar to the older Simple Footer, with a UB Logo on the left (and nothing else). On the right, a single column is intended to house site name, contact information, and social media links. Below is a site-wide standard copyright and other links.  

  1. Add the Footer Container (was named Fat Footer) to your site's footer page (located in the Site Configuration folder).
  2. In Layout, select the 'Simple footer (new brand pilot only)' 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.

NB. This footer option is always accompanied by the site-wide standard copyright and other links.  

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

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

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 titles or links.  

  1. Add the Footer Container (was named Fat Footer) to your site's footer page (located in the Site Configuration folder).
  2. In Layout, select the 'Enhanced footer (new brand pilot only)' 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.

NB. This footer option is automatically underlain by UB's standard logo, and copyright, privacy and accessibility links.

Example of an 'enhanced footer'.

Example of an 'enhanced 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. Add this Footer Container (was named Fat Footer) to 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.
  5. Build out the simple footer area.
    • If you still have a prevoiously existing Simple Footer (a stand-alone separate component), transfer any content as desired and then delete that component.  
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

  1. Only ONE Footer COntainer should be on your page.
  2. A Simple or Enhanced Footer can stand alone.
  3. A Fat Footer is always accompanied by a Simple Footer.

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:

June 13, 2017