---
title: monogramLockup
framework: tvml
role: collectionGroup
path: tvml/monogramlockup
---

# monogramLockup

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

## Overview

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 monogram subtitle title Elements that Use monogramLockup section

## Topics

### Valid TVML Attributes

- [binding](tvml/binding.md)
- [prototype](tvml/prototype.md)
- [theme](tvml/theme.md)

## See Also

### Lockup Elements

- [button](tvml/button.md)
- [buttonLockup](tvml/buttonlockup.md)
- [listItemLockup](tvml/listitemlockup.md)
- [lockup](tvml/lockup.md)
- [overlay](tvml/overlay.md)