University at Buffalo (UB)
Transforming UB’s digital communications.
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.
Slide Deck Hero in use on a large 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.