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

Using the ThemeRoller tool to create a swatch

This recipe shows you how to create a swatch using the jQueryMobile ThemeRoller web tool.

Getting ready

The code in this recipe was created using the the jQueryMobile ThemeRoller web tool available at http://www.jquerymobile.com/themeroller. The code is available in the code/10/myTheme source folder. You can launch this code using the URL http://localhost:8080/10/myTheme/index.html.

How to do it...

  1. Generate the myTheme.css file using the jQueryMobile ThemeRoller tool. It gets included in the generated index.html file, as follows:
    <link rel='stylesheet' href='themes/myTheme.min.css' />
    <link rel="stylesheet" 
      href="http://code.jquery.com/mobile
      /1.1.1/jquery.mobile.structure-1.1.1.min.css" /> <script ...

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