Book Image

jQuery Mobile First Look

Book Image

jQuery Mobile First Look

Overview of this book

Table of Contents (17 chapters)
jQuery Mobile First Look
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Theming pages and dialogs


We have already had a quick glance at jQuery Mobile's theming mechanism, but purposely kept the explanation at a general level.

We're now focusing on how to specifically modify the look and feel of our pages and dialogs, making use of the jQuery Mobile theme framework, which allows for a great level of customization of our web application.

Actually, as pages are composed of many other elements (buttons, forms, sliders, forms, and so on), this still is a generalization, as single widgets will be discussed in greater detail once we learn how to use and include them in our application.

The default theme makes use of colors from various swatches, and we have already seen it in action in the previous chapters. This is what our web application looks like if no modifications to the theme have been done:

We can then change some of the swatches, even for individual items.

The data-theme attribute can be applied to the header of footer, or even to the whole "page". For example...