CODEWITHSUNDEEP
jqueryjquery-mobile
Jeff Dege
Jeff Dege

Reputation: 11700

How to duplicate data-theme="b" in Jquery Mobile 1.4?

I'm upgrading an existing site from jquery-mobile 1.0 to jquery-mobile 1.4.2.

The site had been using data-theme="b", and I'd like to maintain that styling. The problem? 1.4.2 provides only two themes, neither of which looks anything like the old theme "b".

What is the easiest way to restore the old look?

Upvotes: 3

Views: 1215

Answers (2)

Jeff Dege
Jeff Dege

Reputation: 11700

OK. I think I've found the trick.

  1. Go to the ThemeRoller for jQuery Mobile site.
  2. From the jQuery Mobile Version dropdown, select version 1.0.1
  3. Click on the "Import (or upgrade)" button
  4. Click on "Import Default Theme"
  5. In the "Upgrade to version:" dropdown, select 1.4.2
  6. Click "Import"

That should give you a theme with the old styling loaded.

Upvotes: 4

Ammog
Ammog

Reputation: 124

The easy way is to go to Jquery mobile roller site, ensure version 1.4.2 is selected at the top section of the page. You will be presented with swatches which will include theme b with default values (you can create new swatch b if not listed). You can then customize the look and feel of the b theme to look like what you want from the left panel; download the css from the top menu and overwrite all the necessary js and css file in your application.

Alternatively, if you are very sound in css, inspect the css files of JQuery mobile and carefully create/modify/overwrite the b section. The full css is well documented for understanding

Upvotes: 1

Related Questions