Read-only Lists

List views can also display read-only views of data. The user interface looks very similar to our interactive views shown previously except the right arrow icon-only image has been removed and the font size and padding is slightly smaller. To create a read-only list, simply remove the anchor tags we used in our previous examples (see Figure 5–9 and its related code in Listing 5–8).

images

Figure 5–9. List with read-only items

Listing 5–8. List with read-only items (ch5/list-readonly.html)

<ul data-role="listview">         <li>                 <img src="images/kungfupanda2.jpg" />                 <h3>Kung Fu Panda</h3>                 <p>Rated: ...

Get Pro jQuery Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.