Article

lockup

Contains several elements that are treated as a single element.

Overview

Here's an example of a section that contains two lockup elements that represent movie posters.

<section>
    <lockup>
        <img src="path to images on your server/Car_Movie_453x255_C.png" width="453" height="255" />
        <title>Scene 1</title>
    </lockup>
    <lockup>
        <img src="path to images on your server/Car_Movie_500x600.png" width="500" height="600" />
        <title>Scene 2</title>
    </lockup>
</section>

Subelements of lockup

Elements that Use lockup

Topics

Valid TVML Styles

margin

Specifies the spacing around an element.

tv-align

Aligns an element horizontally inside its parent.

width

Specifies how wide an element is.

Valid TVML Attributes

autoHighlight

Specifies that the element should initially be in focus.

binding

Associates information in a data item with an element.

prototype

Associates a data item type with an element.

theme

Sets the color scheme for an element.

See Also

Lockup Elements

button

Displays a button icon the user can click to initiate an action.

buttonLockup

Creates a button that can also have a badge associated with it.

listItemLockup

Contains a new list item.

monogramLockup

Creates a monogram using a person's image or initials.

overlay

Displays elements on top of other elements.