This recipe shows you how to format text in a list item. It also shows you how to use collapsible items and count bubbles within the list item.
Copy the full code of this recipe from the code/06/format-content
sources folder. This code can be launched using the URL http://localhost:8080/06/format-content/main.html
.
In
main.html
, add the following code to create a list of modes of transport:<div data-role='content'> <ul data-role='listview'> <li> <p class='ui-li-aside' style='font-size: 15px'> <strong>High Speed</strong></p> <div data-role='collapsible' data-theme='e'> <h2>Air</h2> <ul data-role='listview'> <li>Aeroplane</li><li>Helicopter</li> </ul> </div> <p class='ui-li-count'>2</p> </li> <li data-theme='e'> <p class...