Menu configuration
Items to highlight in menus
Each menu navigates the user to a View, another collection or an external link. There's no limit on how many menu items you can add but we suggest that you use max. 5 navigation points. Consider the order of the menu items and put the most appealing and useful first. Your logo on the web will use the link of your first menu item.
If you would like to highlight more than 5 collections, views or external links explore the promotion block. The promotion block enables you to guide your users to your content without a menu item.
Suggestions for menu items:
- Search: Adds a search field
- EPG view: Add your EPG view for Live TV channels
- View including a collection: You can use this to select a collection that you want to highlight in the menu like the start page as Home or a specific genre
- View including downloads: Only needed on mobile devices when the watch offline feature is enabled
- Link: This option gives you the biggest varieties. All you need is an HTTPS link.
Menu design
- The menu of the mobile apps will be at the bottom of the screen and you can choose which symbol should represent the single item.
- The web menu is at the top of the screen and uses no symbols.
You can translate all menu items by clicking on the translate button.
Default and custom menus
The default menu is used by all platforms as long as there is no custom menu for that platform.
If you want that the menu is the same for all devices then you only need to create a default menu. If you want to highlight specific collections or features like downloaded movies then you should create a custom menu. A custom menu will override the default menu on that specific device.
Menu icons
You can decide which icons the menu in the mobile and TV apps will use. Choose an image that reflects the meaning of the menu item and upload it to the console when you configure the menu item. Please stick to these design guidelines:
- PNG
- 90x90 px
- Only black (except for Smart TV apps)
- Include padding
- Google's Material Design is a good location to source icons: https://fonts.google.com/icons
- These can be downloaded in SVG Format, and converted to the right size & colour, before converting to the PNG specifications above.
If you don't have your own menu icons you can use a default icon from ou library which is based on Googles image library.
Smart TV menus
If you offer your customers also our template Smart TV app you need to create a custom menu. A custom menu for Smart TVs is mandatory as the menu icons have to be in white.
- PNG
- 90x90 px
- Only white
- Include padding
- Google's Material Design is a good location to source icons: https://fonts.google.com/icons
- These can be downloaded in SVG Format, and converted to the right size & colour, before converting to the PNG specifications above.