# paradeTemplate
Displays a groups of items along one side of a page and scrolling images on the other
side.
## Overview
Use the `paradeTemplate` element to display a list of automatically scrolling, static
images on the left that are associated with a selected image category on the right.
For example, a user selects Action movies, and the associated images automatically
start scrolling. The following figure shows the basic layout for a `paradeTemplate`
page. The theme for the parade template defaults to the system preference.
### Main Elements
The following listing shows main elements of the `paradeTemplate` in TVML format.
```xml
![]()
![]()
```
#### Element Descriptions
- [header](/documentation/TVML/header): Title information for the list of image categories on the right
side of the screen.
- [img](/documentation/TVML/img): A single image that scrolls across the left side of the screen.
- [imgDeck](/documentation/TVML/imgdeck): A group of images on the left side of the screen that scroll
right-to-left.
- [list](/documentation/TVML/list): Element containing all the elements that are displayed.
- [listItemLockup](/documentation/TVML/listitemlockup): Information about an individual item in the list of
image categories.
- [relatedContent](/documentation/TVML/relatedcontent): Element containing the image deck that is associated
with a particular item in the list.
- [title](/documentation/TVML/title): The text used to provide a description for its containing element.
### Example
The following listing shows the TVML for a `paradeTemplate` example.
```xml
Action
Comedy
Horror
Kids
Drama
```
The following figure shows the output for the above example:
## Topics
### Valid TVML Attributes
[autoHighlight](/documentation/TVML/autohighlight)
Specifies that the element should initially be in focus.
[binding](/documentation/TVML/binding)
Associates information in a data item with an element.
[layoutDirection](/documentation/TVML/layoutdirection)
Specifies the direction in which text is displayed.
[prototype](/documentation/TVML/prototype)
Associates a data item type with an element.
[theme](/documentation/TVML/theme)
Sets the color scheme for an element.
---
Copyright © 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)