<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/banner",
  "metadataVersion" : "0.1.0",
  "role" : "collectionGroup",
  "title" : "banner"
}
-->

# banner

Displays information along the top of a TVML page.

## Overview

The type of information displayed depends on the type of template used. Here’s an
example that places a banner with an image and some text inside of a `formTemplate`
element.

```xml
<formTemplate>
   <banner>
      <img src="path to images on your server/Car_Movie_800X400.png" width="800" height="400"/>
      <description>Enter email for access</description>
   </banner>
   ...
</formTemplate>
```

### Subelements of banner

- [background](/documentation/TVML/background)
- [button](/documentation/TVML/button)
- [description](/documentation/TVML/description)
- [heroImg](/documentation/TVML/heroimg)
- [img](/documentation/TVML/img)
- [infoList](/documentation/TVML/infolist)
- [row](/documentation/TVML/row)
- [stack](/documentation/TVML/stack)
- [title](/documentation/TVML/title)

### Elements that Use banner

- [catalogTemplate](/documentation/TVML/catalogtemplate)
- [compilationTemplate](/documentation/TVML/compilationtemplate)
- [formTemplate](/documentation/TVML/formtemplate)
- [listTemplate](/documentation/TVML/listtemplate)
- [productBundleTemplate](/documentation/TVML/productbundletemplate)
- [productTemplate](/documentation/TVML/producttemplate)
- [showcaseTemplate](/documentation/TVML/showcasetemplate)
- [stackTemplate](/documentation/TVML/stacktemplate)

## Topics

### Valid TVML Styles

[height](/documentation/TVML/element-shaping-height)

Specifies the height of an element.

[margin](/documentation/TVML/margin)

Specifies the spacing around an element.

[padding](/documentation/TVML/padding)

Specifies the padding between the border and contents of an element.

[tv-align](/documentation/TVML/tv-align)

Aligns an element horizontally inside its parent.

[tv-position](/documentation/TVML/tv-position)

Sets the position of an element inside of its parent element.

### Valid TVML Attributes

[binding](/documentation/TVML/binding)

Associates information in a data item with an element.

[prototype](/documentation/TVML/prototype)

Associates a data item type with an element.

[theme](/documentation/TVML/theme)

Sets the color scheme for an element.



---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)