-
Book Overview & Buying
-
Table Of Contents
jQuery Mobile Cookbook
By :
A split button list
is a list that provides two different actions for the same list item. This is created by adding two anchor links to a list item. The framework then automatically converts the list item to a split button. Any image added to the first link gets scaled down to a thumbnail with a size of 80 x 80px. The second link is replaced with an icon called the split icon
and is positioned at the right-hand side corner of the split button. This recipe shows you how to create a split button list to display images in a list.
Copy the full code of this recipe from the code/06/split-button-list sources folder. This code can be launched using the URL http://localhost:8080/06/split-button-list/main.html.
Create main.html as a multi-page template app. Add a split button list in the #main page as shown in the following code:
<div data-role='content'> <ul data-role='listview' data-inset='true' data-theme='b' data-split-theme...
Change the font size
Change margin width
Change background colour