jQuery Mobile - Listview

Include data-role = "listview" attribute to create a simple unordered list.

Create ordered lists(ol) by including data-role = "listview" attribute in it.

When a hyperlink is defined in the list, then it is styled as a button.

Apply the inset look by including the attribute data-inset = "true".

The list can be filtered by adding the data-filter = "true" attribute.

Add the data-filter-reveal = "true" attribute to hide the list item.

Add data-role = "list-divider" atrribute to any list item to divide into a group of list items.

data-autodividers =" true" attribute is included to generate the dividers automatically to any listview.

ui-li-count class define in element will help to include a count indicator in the list item at the right side.

Add attribute data-icon to set icon for a particular list item.

Include class of ui-li-icon in the image element to add image of 16 X 16 pixels in the list item.

In list item, the thumbnails is included on the left side.

Include a second link inside the li to create split list item.

Use heading and paragraph tags to add content in the proper hierarchy format.

data-theme attribute is added to include theme for the listview or to a particular list item.

In listview, the form element can be inserted for a group presentation.

data-role = "collapsible" attribute is wrapped in the container to make the listview collapsible.

A grouped listview can be created inside the collapsible set using attribute data-role = "collapsibleset".

data-inset = "false" attribute is added to make full width collapsible set.