Examples of Header/Hero rows and supported devices.*
This article provides examples of Hero rows, showing what to expect when configuring the row in Presentation Manager, with Reference App examples for supported devices.
For more information on where individual row types are supported, see our pages and supported rows article.
Hero rows - (H)
Hero rows boost engagement and content consumption by promoting the most prominent and high-value application content to users. Hero row types include:
Introduced in Presentation Manager 9.8 and Ref Apps 6.10, the HX1 - Advanced Hero (16:9) row provides granular control over the display of metadata in Reference Apps for various content types, including, events, movies, programs, shows, seasons, episodes, and links.
Helping to boost engagement and content consumption, promoting the most high-value application content, this row is available on the Home and Category page templates for Live and video-on-demand (VOD) content.
Row options include:
- Horizontal HX1 row component alignment options
- Show/hide custom badges
- Show/hide hero title
- Show/hide additional metadata (advisory categories, duration, number of seasons, etc)
- Show/hide tagline or short description
- Show/hide short description
- Show/hide logo
- Set carousel image background duration time (seconds) for auto-slideshow
- CTAs (Watch now, Continue watching, or Subscribe)
Badge information:
- For events that have already started, a Live badge displays.
- For events that start in less than 7 days, an Upcoming badge displays (if the event starts in more than 7 days, no badge displays).
- Event status badges automatically update from Upcoming to Live (without page refresh).
- Event status badges change to Upcoming the badge and a countdown timer appears on page refresh.
- Date and time details display next to badges.
- Event badges display before custom badges and follow specified horizontal alignment settings.
- The event badge only displays for event assets.
- For HX1 row date and time formats, see our Live content display article.
Select an option below to see how this looks in the AXIS Reference Apps:
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|
Full width 3:1 carousel that switches to 4:3 on portrait mobile devices.
Supports the display of badges across all applicable device types (Roku support pending).
Select an option below to see how this looks in the AXIS Reference Apps:
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|
Content width 3:1 carousel with assets peeking on both sides.
Supports the display of badges across all applicable device types (Roku support pending).
Select an option below to see how this looks in the AXIS Reference Apps:
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|
Full width 16:9 carousel with 16:9 thumbnails.
Supports the display of badges across all applicable device types (Roku support pending).
Select an option below to see how this looks in the AXIS Reference Apps:
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|
Content width 16:9 carousel with assets peeking on both sides.
Supports the display of badges across all applicable device types* (Roku support pending).
*Web TV/Xbox One from version 5.0.1 onwards.
Select an option below to see how this looks in the AXIS Reference Apps:
Please note, the H6 - Hero Peeking (16:9) row is not supported on tvOS and AndroidTVs.
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|
Mosaic grid of 16:9 assets.
Select an option below to see how this looks in the AXIS Reference Apps:
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|
Custom Image heading with optional text.
Select an option below to see how this looks in the AXIS Reference Apps:
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|
Text heading with optional text and background colors.
Select an option below to see how this looks in the AXIS Reference Apps:
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|
Automatic text heading based on the page title.
Select an option below to see how this looks in the AXIS Reference Apps:
Which devices support this row?
iOS | tvOS | Android | Android TV | Responsive web | Web TV | XboxOne | Roku |
---|---|---|---|---|---|---|---|