Item templates for list layouts (HTML)

[ This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation ]

Learn about item templates that you can use with a ListView that has a list layout. For templates designed for the grid layout, see Item templates for grid layouts.

Each template contains this info:

To use the template, copy the HTML and the CSS styles into your project. The HTML includes a ListView that's designed to be used with the template. After you copy the HTML, set the ListView control's itemDataSource to your app's data source and update the template's data-win-bind attributes so they work with your data.

This section contains these templates:

In this section

Topic Description

Image and text list (collection) template

Defines an item that contains an icon, a larger, bold heading, a smaller subheading, and descriptive text.

Image and text list (collection snap) template

Defines an item for a snapped view that contains an icon, a larger, bold heading, a smaller subheading, and descriptive text.

Image and text list (inbox) template

Defines an item in an email inbox.

Image and text list (landing snap) template

Defines an item in a snapped view that contains an icon and text.

Text list (mail folder) template

Defines an item that represents a mail folder in a list of mail folders.

Text list (media queue) template

Defines an item in a media queue.