Slide Deck Horizontal Component

Carousel showcases pages from your site (horizontal navigation).

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.

Looking for the Slide Deck Hero?

See Display as Full Width Hero

Using This Component

There are two initial tabs: Slide Deck Items and Advanced. A third tab appears after the Build list using option is chosen.

This component can be used on almost any page, but is often used as a 'hero deck' or in conjunction with the Key Tasks component on home pages.

These components are normally used to display teasers that automatically link to shared content pages built with the Highlight Template. When this linked page contains a YouTube video, it will be playable directly from the slide deck.

The title of each page, its descriptive text and its main photo are displayed for each slide. As a full-sized Web page, clickable controls allow visitors to manually cycle through the display of pages, but on small screens, users can drag/swipe to change slides. The navigation controls are hidden if there is only one slide. Additional design elements are added as follows:

  • Navigational dots are right-aligned in the Desktop view. If there is only one slide, no navigation is shown.
  • Headlines are limited to one line, then an ellipsis (...) is added.
  • Teaser text is limited to two lines, then an ellipsis (...) is added.

If you are considering linking to shared content stories from your home page, please read through Advanced: Best Practices for Use on a Home Page.

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. For best performance, please use this component with Shared Content pages created using the Highlight Template.
  2. 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

Configure (wrench icon) - Main Settings

Layout - Choose between:

  • Fit to column (default) 
    • The Slide Deck is optimized to adjust elegantly to many column widths. At full width (12 columns), all features are displayed at full size. In narrower applications (3-9 columns), some features will be withheld (e.g. descriptions) and images are scaled smaller.
  • Full width hero 

The default size for this component is 402 x 287 pixels.

Slide Deck Items Tab

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)