Article

monogramLockup

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

Overview

The monogramLockup element creates a white circle that contains the image or initials of the person identified in the title. Use the src element to place an image inside of the circle. If no image is added, initials are centered in the circle, based on the firstName and lastName attributes in the monogram element. Here's an example of a monogramLockup displaying an actor's infomation.

<monogramLockup>
    <monogram firstName="Anne" lastName="Johnson"/>
    <title>Anne Johnson</title>
    <subtitle>Actor</subtitle>
</monogramLockup>

Subelements of monogramLockup

Elements that Use monogramLockup

Topics

Valid TVML Attributes

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.

lockup

Contains several elements that are treated as a single element.

overlay

Displays elements on top of other elements.