To select a display types for containers, you'll need to: - Choose a display type from the Type field. - (Optional) Configure the text for the type. - Configure your [getMetadata](doc:getmetadata), `mediaMetadata`, and `mediaCollection` elements to return `displayType` and `summary` metadata for containers that use these elements. *** ## Select display types To select a display type: 1. Navigate to the **Browse Options** page of your Integration Submission Form. 2. In the Container Display section, fill out the "Name" field. 3. Select your desired display type from the "Type" field. There are five display types available: - Grid - List - Hero - Editorial - Hero Editorial *** ## Select item adornment An item adornment is an element that is located the furthest left in the container. In many displays, this element is album art. To choose an item adornment for the container, select one from the "Item Adornment" field. There are 3 options: - **Image** - an image, most commonly album art - **Ordinal** - an integer based on the position of the resource in the container - **None** - No adornment *** ## Configure text To configure the text in a container, you can fill out the "Text" fields on the **Browse Options** page. There are 3 possible text fields for the header section and 3 fields for the item section of a container. **Header** - Header Text Title - Header Text Subtitle - Header Text Summary **Item** - Item Text Title - Item Text Subtitle - Item Text Summary The text fields are listed in order of appearance in the Sonos app. Not every container type can facilitate every text type. The form will provide you with your available options after you select a display type. *** ## Configure `getMetadata` responses When you want to display items using your new display type, return it in the [getMetadata](doc:getmetadata) response. For example: ```xml 0 10 10 ... browse:genreList container genreGrid Genres false false ... ``` When you return `mediaMetadata` or `mediaCollection` to a [getMetadata](doc:getmetadata) request, the `displayType` for the item determines how it is displayed on the controller. For example, Sonos controllers display the `mediaCollection` shown above as a `genreGrid` display type when a user browses into it: [block:image] { "images": [ { "image": [ "https://sonos-partner-documentation.s3.amazonaws.com/ReadMe-External/content-service-features/customize-display/configure-display-types/DisplayType-ListView-Genre.png", null, "" ], "align": "center", "sizing": "25% ", "border": true } ] } [/block] The [getMetadata](doc:getmetadata) response for the container includes the Cooking Playlist: ```xml 0 4 4 ... cooking container genreMood Cooking Playlist Enjoy music while preparing food for friends and family. false https://example.com/assets/images/boost.jpg ... ```