What's next?

See more
Hero rows
  • Updated

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)

HX1 - Advanced Hero (16:9)

Introduced in Presentation Manager 9.8, 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. Row options include:

  • Horizontal image 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

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 changing to Upcoming the badge and countdown timer appear 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.

 

HX1

Select an option below to see how this looks in the AXIS Reference Apps:

⚠️ AXIS Reference App support coming soon

Responsive web TV Apps iPad/Tablet Mobile
HX1

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku

Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
Coming soon
H1 - Hero (3:1)

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).

H1 Hero row.png

Select an option below to see how this looks in the AXIS Reference Apps:

Responsive Web TV Apps iPad/Tablet Mobile
H1_Hero_3.1.png

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku
               
H2 - Hero peeking (3:1)

Content width 3:1 carousel with assets peeking on both sides.

Supports the display of badges across all applicable device types (Roku support pending).

H2 Hero row.png

Select an option below to see how this looks in the AXIS Reference Apps:

Responsive web TV Apps iPad/Tablet Mobile
H2_Hero_Peeking_Responsive_Web.jpg

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku
               
H5 - Hero (16:9)

Full width 16:9 carousel with 16:9 thumbnails.

Supports the display of badges across all applicable device types (Roku support pending).

H5 Hero row.png

Select an option below to see how this looks in the AXIS Reference Apps:

Responsive web TV Apps iPad/Tablet Mobile
H5_Hero_16.9_Responsive_Web.png

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku
               
H6 - Hero peeking (16:9)

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.

H6 Hero row.png

Select an option below to see how this looks in the AXIS Reference Apps:

Responsive web TV Apps iPad/Tablet Mobile
H6_Hero_Peeking_16.9_Responsive_web.jpg

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku
               
H7 - Hero mosaic

Mosaic grid of 16:9 assets.

H7 Hero row.png

Select an option below to see how this looks in the AXIS Reference Apps:

Responsive web TV Apps iPad/Tablet Mobile
H7_Hero_Mosaic.png

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku
               
H9 - Hero image

Custom Image heading with optional text.

H9 Hero row.png

Select an option below to see how this looks in the AXIS Reference Apps:

Responsive web TV Apps iPad/Tablet Mobile
H9_Hero_Image.png

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku
               
H10 - Hero text

Text heading with optional text and background colors.

H10 Hero row.png

Select an option below to see how this looks in the AXIS Reference Apps:

Responsive web TV Apps iPad/Tablet Mobile
H10_Hero_Text.png

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku
               
H11 - Hero text (automatic)

Automatic text heading based on the page title.

H11 Hero row.png

Select an option below to see how this looks in the AXIS Reference Apps:

Responsive web TV Apps iPad/Tablet Mobile
H11_Hero_Text__Automatic__Responsive_Web.jpg

Which devices support this row?

iOS  tvOS Android  Android TV Responsive web Web TV XboxOne Roku
               

Related articles