Contents

menuBar

Displays menu items along the top of the screen.

Overview

Users can navigate left and right to move between menuBar elements. Here’s an example of a menu bar with two items inside of a menuBarTemplate element.

<menuBarTemplate>
    <menuBar>
        <menuItem id="navigation_top_movies" data-identifier="list">
            <title>Top Movies</title>
        </menuItem>
        <menuItem id="navigation_genres" data-identifier="index">
            <title>Genres</title>
        </menuItem>
    </menuBar>
</menuBarTemplate>

You can also add view elements to the left and right sides of the menu bar. The left leadingAccessoryView and right trailingAccessoryView can be any simple element, including Display Elements, Multimedia Elements, and Text Elements. Accessory views can also be row elements.

To add the equivalent of a leadingAccessoryView, add any supported element before the menuBar opening tag, as shown here:

<menuBarTemplate>
    <img src="path to images on your server/leading_icon.png"/>
    <menuBar>
        <menuItem id="navigation_top_movies" data-identifier="list">
            <title>Top Movies</title>
        </menuItem>
    </menuBar>
</menuBarTemplate>

To add the equivalent of a trailingAccessoryView, add any supported element after the menuBar closing tag, as shown here:

<menuBarTemplate>
    <menuBar>
        <menuItem id="navigation_top_movies" data-identifier="list">
            <title>Top Movies</title>
        </menuItem>
    </menuBar>
    <img src="path to images on your server/trailing_icon.png"/>
</menuBarTemplate>

Subelements of menuBar

Elements that Use menuBar

Topics

Valid TVML Style

Valid TVML Attributes

See Also

Bar Elements