Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying jQuery Mobile Cookbook
  • Table Of Contents Toc
jQuery Mobile Cookbook

jQuery Mobile Cookbook

By : Chetan Jain
3 (1)
close
close
jQuery Mobile Cookbook

jQuery Mobile Cookbook

3 (1)
By: Chetan Jain

Overview of this book

jQuery Mobile is an award winning, HTML5/CSS3 based open source cross-platform UI framework. It offers a very cool and highly customizable UX. It is built on the popular jQuery library and uses declarative coding making it easy to use and learn. It is the market leader today considering the numerous browsers and platforms that it supports."jQuery Mobile Cookbook" presents over a hundred recipes written in a simple and easy manner. You can quickly learn and start writing code immediately. Advanced topics such as using scripts to manipulate, customize, and extend the framework are also covered. These tips address your common everyday problems. The book is very handy for both beginner and experienced jQuery Mobile developers.You start by developing simple apps using various controls and learn to customize them. Later you explore using advanced aspects like configurations, events, and methods.Develop single and multi-page applications. Use caching to boost performance. Use custom transitions, icon sprites, styles, and themes. Learn advanced features like configurations, events, and methods. Explore future trends by using HTML5 new features and semantics with jQuery Mobile."jQuery Mobile Cookbook" is an easy read and is packed with practical tips and screenshots.
Table of Contents (19 chapters)
close
close
jQuery Mobile Cookbook
Credits
About the Author
Acknowledgement
About the Reviewers
www.PacktPub.com
Preface
1
Index

Using a split button list


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.

Getting ready

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.

How to do it...

  1. 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...
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
jQuery Mobile Cookbook
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon