Article

row

Displays elements horizontally.

Overview

The row element provides the ability to place elements next to other elements horizontally. Elements are displayed left to right in the order they are listed inside of the row element. Here's an example that places two buttons inside of a row element.

<row>
    <buttonLockup>
        <badge src="resource://button-preview" />
        <title>Preview</title>
    </buttonLockup>
    <buttonLockup type="buy">
        <text>$9.99</text>
        <title>Buy</title>
    </buttonLockup>
</row>

Subelements of row

Elements that Use row

Topics

Valid TVML Styles

margin

Specifies the spacing around an element.

tv-align

Aligns an element horizontally inside its parent.

tv-content-align

Aligns an element vertically inside of its parent element.

tv-interitem-spacing

Specifies the spacing between child elements.

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

Container Elements

carousel

Arranges images in a row.

grid

Arranges elements in a grid pattern.

imgDeck

Contains several images to be displayed at a later time.

infoTable

Displays contained element information in a vertical format, with each successive element directly below the previous element.

organizer

Creates a generic element with its contained elements arranged through TVML styles.

section

Combines elements and acts as a single element.

stack

Groups and lays out elements vertically.

shelf

Displays elements horizontally and adds the ability to scroll to offscreen elements.