O'Reilly logo

jQuery Mobile Cookbook by Chetan K Jain

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Customizing a checkbox group

The default horizontally grouped checkbox controls do not have an icon and the vertically grouped checkbox controls do not use the active state theme. This recipe shows you how to customize the checkbox and add these styles. It also shows you how to adjust the layout to handle varying screen sizes. You will create a simple Blog Subscription form in this recipe.

Getting ready

Copy the full code of this recipe from the code/05/custom-checkbox sources folder. This code can be launched using the URL http://localhost:8080/05/custom-checkbox/main.html.

How to do it...

The form is first created with the horizontal and vertical group of checkbox controls. The horizontal checkbox controls are customized by adding icons to them ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required