Full Width Carousel Component

Interactive carousel of teasers to a series of pages from your site.

On this page:

Last reviewed: November 27, 2023

Accessibility
  • Beware of duplicate link text.
  • List Teaser images require Alt text.
  • Link text should be meaningful.
  • Use 'Open in New Window' sparingly.
  • Let users control animations.

> Read more about making this component accessible.

Using This Component

This component initially has one List tab. An additional tab appears after the Build list using option is chosen.

Add a title and text to describe your Full Width Carousel, plus a series of links to pages on your site. The linked pages should be in Shared Content, and built using the Highlight Template. Each slide will then showcase that page’s title (which links to the page’s URL), description or introductory text and main image.  

This component works best for 6+ items. If you run fewer, it will have open space at the end and not look good.

YouTube videos are playable, provided you use the Shared Content pages built using the Highlight Template.

PNG images will blend with the background color. This is a natural feature of these transparent images.

Works Best with Highlight Template

For best performance, please use this component with Shared Content pages created using the Highlight Template.

Be Careful With the 'host page' Setting

This component is intended to link to shared content hosted on another page. The linked content CANNOT be hosted on your home page. If you use the default hosting setting, the home page will simply refresh, and the linked content will not be displayed.
> Read more about use on a home page

Technical Restrictions

  1. This component is best suited with a Landing Page, One Column or Wide Page template but will work in narrower columns.
  2. When you choose to display more than four carousel items at once, visitors are provided with left and right clickable controls which allow them to cycle through the list of web pages.
  3. Works best for 6+ items. If you run fewer, it will have open space at the end and not look good.
  4. YouTube videos are playable, provided you use the Shared Content pages built using the Highlight Template.

Configure - Main Settings

Click the wrench icon to 'configure' these settings.

Carousel Module Tab

You have options of providing title only, description only, or title with description.

Title: Type a descriptive title that will be shown on the published version.

Text: Type a description that will be shown on the published module. A Rich Text Editor allows some formatting.

Background color: Choose between gray (default) and white.

Accessibility Concerns

See an Example

Was This Information Helpful?

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