Slide Deck Horizontal Component

Carousel showcases pages from your site (horizontal navigation).

This feature works comparably in both the Classic and Flex UI versions of the UBCMS. In the future, screenshots and language will be updated to reflect Flex UI.

On this page:

Last reviewed: May 11, 2021

Using This Component

Add the component to the page. 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.

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

The Slide Deck is optimized to display elegantly in many column widths:  

  • Full width (12 columns) - All features are displayed at full size.
  • 9 columns - All features are displayed but the images are reduced.
  • 6 columns - The descriptions are not displayed and the component is scaled smaller.
  • 3 columns - The descriptions are not displayed and the component is scaled significantly smaller (same as the RWD small-screen version).

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

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

See an Example

Was This Information Helpful?

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