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:

• HTML that defines an WinJS.Binding.Template and a ListView that uses the template.
• CSS styles for the template.

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.