Examples of Header/Hero rows and supported devices.*
This article provides examples of Header/Hero rows, detailing the devices they support.
Each accordion represents a row type and within that are examples of how the row displays, alongside row information.
For more information, see our pages and supported rows article.
Hero rows - (H)
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 |
|---|---|---|---|---|---|---|---|