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

# collectionList

Contains other layout elements.

## Overview

Here’s an example of a `collectionList` element that contains a `shelf` and two `lockup`
elements.

```xml
<collectionList>
    <shelf>
        <section>
            <lockup>
                <img src="path to images on your server/Car_Movie_250x375_A.png" width="182" height="274" />
                <title>Movie 1</title>
            </lockup>
            <lockup>
                <img src="path to images on your server/Car_Movie_250x375_B.png" width="182" height="274" />
                <title>Movie 2</title>
            </lockup>
        </section>
    </shelf>
</collectionList>
```

### Subelements of collectionList

- [carousel](/documentation/TVML/carousel)
- [grid](/documentation/TVML/grid)
- [shelf](/documentation/TVML/shelf)

### Elements that use collectionList

- [searchTemplate](/documentation/TVML/searchtemplate)
- [stackTemplate](/documentation/TVML/stacktemplate)

## Topics

### Valid TVML Styles

[margin](/documentation/TVML/margin)

Specifies the spacing around an element.

### Valid TVML Attributes

[padding](/documentation/TVML/padding)

Specifies the padding between the border and contents of 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)