Article

decorationLabel

Displays text that describes a displayed element.

Overview

This element is commonly used to provide additional information for a media item or group of media items; for example, the running time for a movie. Here's an example where the decoration label displays the number of items contained in a listItemLockup element.

<listItemLockup>
    <title>Comedies</title>
    <decorationLabel>4</decorationLabel>
    <relatedContent>
        <grid>
            <section>
                <lockup>
                    <img src="path to images on your server/Car_Movie_250x375_B.png" width="250" height="376" />
                    <title>Movie 2</title>
                </lockup>
                <lockup>
                    <img src="path to images on your server/Car_Movie_250x375_A.png" width="250" height="376" />
                    <title>Movie 1</title>
                </lockup>
                <lockup>
                    <img src="path to images on your server/Car_Movie_250x375.png" width="250" height="376" />
                    <title>Movie 4</title>
                </lockup>
                <lockup>
                    <img src="path to images on your server/Car_Movie_250x375_C.png" width="250" height="376" />
                    <title>Movie 3</title>
                </lockup>
            </section>
        </grid>
    </relatedContent>
</listItemLockup>

Contained In

Topics

Valid TVML Styles

color

Changes the color of an element.

font-family

Specifies the font used for the text in an element.

font-size

Specifies the font size for the text in an element.

font-weight

Specifies the font weight for the text in an element.

margin

Specifies the spacing around an element.

max-height

Specifies the maximum height for an element.

max-width

Specifies the maximum width for an element.

min-height

Specifies the minimum height for an element.

min-width

Specifies the minimum width for an element.

text-align

Aligns text horizontally in an element.

text-shadow

Adds a shadow effect to displayed text.

tv-highlight-color

Changes an element's color when it comes into focus.

tv-text-style

Sets a predefined size and style for text.

Valid TVML Attributes

accessibilityText

Adds hidden text to an element that is used when VoiceOver is enabled.

binding

Associates information in a data item with an element.

height

Specifies the maximum height for an image.

opaque

Indicates whether an image has a transparent background.

prototype

Associates a data item type with an element.

theme

Sets the color scheme for an element.

width

Specifies the maximum width for an image element.

See Also

Text Elements

description

Displays multiple lines of text.

date

Displays a date.

monogram

Displays information below a monogramLockup element.

ordinal

Displays a number.

strike

Draws a line through the designated text.

subtitle

Displays text below the subtitle's containing element.

text

Displays text on the screen.

title

Displays a short amount of text.