An inset list is a list embedded within a container (a page or form or another list). This recipe shows you how to create inset and non-inset lists. The recipe also highlights what you need to take care while using non-inset lists with other form controls.
Copy the full code of this recipe from the code/06/inset-list
sources folder. This code can be launched using the URL http://localhost:8080/06/inset-list/main.html
.
Create
main.html
with three lists and a few buttons as shown in the following code:<div data-role='content'> <a href='#' data-role=button data-theme='b'>Button 1</a> <ul data-role='listview' data-inset='true'> <li data-theme='e'><a href='#'>Item 1</a></li> <li data-theme='e'><a href='#'>Item 2</a></li> </ul> <a href='#' data-role=button data-theme='b'>Button 2</a> <ul data-role='listview'> <li data...