Slide Deck Horizontal: Full Width Hero Image

Prominent screen-wide carousel  for home or single-column pages.

On this page:

Last Reviewed: April 20, 2022

Overview

This feature is a standard option in the Slide Deck: Horizontal Component.

To engage it, open the component, then choose Display as = "Full width hero" (vs "Fit to column (default)").

Your component will now stretch to fill the entire screen width, maintaining its size ratio. Use the crop to adjust as needed.

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.

Implementation

To engage it, choose Display as = "Full width hero" instead of 'Fit to column (default)'.

With the 'Hero' setting engaged, your component will now stretch to fill the entire screen width, maintaining its size ratio. With that engaged, you may now need to crop your content to look its best.

Zoom image: Slide Deck Hero in use on a large screen device. Slide Deck Hero in use on a large screen device.

Slide Deck Hero in use on a large screen device.

Zoom image: Slide Deck Hero in use on a small screen device. Slide Deck Hero in use on a small screen device.

Slide Deck Hero in use on a small screen device.

Best Practices

We recommend keeping the number of slide under six, and using the shared content Highlight Template for its content.

See an Example

Master Classes

Was This Information Helpful?

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