Clone this wiki locally
Adding new jQuery Mobile versions to ThemeRoller
$ php add_version.php <jquery mobile version number> <jquery version number>
- Create Directory with the exact name of the version you are trying to add (must correspond to the path on the CDN)
$ cd jqm/ $ mkdir 1.2.1 #path to version on CDN must be http://code.jquery.com/mobile/1.2.1/jquery.mobile.min.js
- Copy the necessary JS from the CDN over to jquery.min.js. Add a new key value pair to the dictionary $ALL_JQUERY_VERSIONS in version.php (pattern is "jQm Version" => "jQuery Version"):
<?php $ALL_JQUERY_VERSIONS = array( ... "1.2.1" => "1.8.3" ... ); ?>
Copy the necessary JS from the CDN over to jqm.min.js
Copy the necessary CSS from the CDN over to jqm.structure.css
Download the necessary image files from the CDN into the directory images
Copy the necessary CSS from the CDN over to jqm.default.theme.css
Copy the contents of jqm.default.theme.css to jqm.start.theme.css. Delete swatches A,B,D, and E from CSS, and run Regex replace scripts to change swatch C to swatch A. Make sure /* Swatches / and / Structure */ are still there when finished.
Copy the contents of the most recent version's preview.html and make modifications accordingly
Copy the contents of the most recent version's panel.js and make modifications accordingly (Use TR.panelDictBase in js/panel.js if necessary)
Create an empty directory called user_themes and add an empty README.md file to ensure git tracks this directory.
That's it! You're done.