
130 ◾ PhoneGap Build
Creating Inset Lists
By default, a list is displayed edge to edge, taking up the full width of the device. For a rounded
corner list, an inset list is used. An inset list is wrapped inside a block with rounded corners. It does
not take up the full width of the device. To create an inset list, the data-inset = "true"
attribute is added to the <ul> element as shown below:
<ul id = "phoneList" data-role = "listview" data-inset = "true">
To convert a usual list into an inset list, let us add the data-inset = "true" attribute to
the <ul> element shown in Listing 6.5. Upon running the application, the list will appear as an
ins ...