Faces and Voices Hero Component

Prominent screen-wide carousel provides key messaging.

Classic Flex UI

On this page:

Last reviewed: April 22, 2021

This information refers to the Classic version of the UBCMS. Classic will be retired in May, 2022.

example of the component in use.

example of the component in use

Using This Component

Add the component to the page. You will initially see only one tab, Faces & Voices Items.

A second tab with corresponding settings appears after the Build list using option is chosen.

This component displays a carousel of shared content built using the Faces and Voices template, applying standard list builder teaser settings.  

  • It is intended to share a carousel of quotations and is not a list of teaser links like the slide decks.
  • It uses UB-branded styling (see the settings below for color choices).
  • This component is very flexible. It will fill a full-width 12-column page, such as a home page, but also adapts well to narrower settings.
  • On small screens, or narrower applicationns, the presentation becomes more vertically oriented.
  • The font size of the descriptive text automatically adjusts to the volume of text entered.
  • An optional setting on the Shared Content Template page converts quotation marks to smart quotes.

Brand and Stewardship Considerations

  • Reserved for Collaborative and Guided Support tiers who have a current business strategy on file with DCT Help Team. Other tiers, please send your business case to the DCT Help Team.
  • Because of its prominent placement and size, high quality images are mandatory, accompanied with a meaningful, inclusive and balanced arrangement of quotations that further your strategic messaging and our UB brand, supported by regular evaluation and assessment.

Configuring the Component

The component opened for editing, displaying the main tab.

The component opened for editing, displaying the main tab.

Face and Voices tab

Title: Provide a descriptive title. The default is "Faces & Voices" -- delete that for no heading.

Color scheme: Choose between several UB-branded options.

The other settings are our Standard and Advanced List Options, detailed below.

Best Practices

This component is intended to display shared content pages built using the Faces and Voices Template.

For those shared content pages, we suggest you bold the person's name but leave their affiliation or credentials in normal text in the Identification field. And if you are directly quoting them, add quotation marks to the Quote/Description field (or select the Smart Quotes setting in that field).

The photo will be displayed as a circle with a 1:1 ratio. We recommend 600 x 600 pixels as a minimum size.

Choosing Powerful Images

Becky Farnham (22:17)

Faces and Voices From an Editorial Perspective

Laura Silverman (19:19)

Watch a Master Class

See an Example

Google Analytics Tags

Use these Google Analytics tags to track 'Events' for usage of the Faces and Voices component.  

  • fv-hero-clicks - tracks clicks to linked articles/profiles
  • fv-hero-nav - tracks Next/Prev navigation
Not sure how to use Google Analytics Events?

Try this free Google Analytics Academy Training.

Was This Information Helpful?

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