From the course: jQuery Mobile Essential Training

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Using themes

Using themes - jQuery Mobile Tutorial

From the course: jQuery Mobile Essential Training

Start my 1-month free trial

Using themes

Okay, and let's wrap up this chapter by taking a look at jQuery Mobile's theming architecture. Now, in this particular example, I don't have a start and finished file for you to work with. I basically just have one file that we're going to use to test out various parts of jQuery Mobile's themes. And that's this file theme_tester.html. Let's open that up. And before we do anything at all, before we make any changes or play with the file, let's just bring it up in the browser. So, here's the file in the browser, and you can see that it contains a lot of the content that we talked about so far in the course. We have a Header toolbar with a button, you've got some content, collapsible block, we've got a list control down here, and a footer with some buttons in it. So, let's take a look at jQuery's theming architecture works. So, let's jump over to the code. Now jQuery Mobile has two default themes that it ships with. There's theme A and theme B. And themes in jQuery Mobile are named with…

Contents