Customizing your style with Jquery UI

Mark · Apr 24, 2011

1) visit: http://jqueryui.com/themeroller/

2) Roll your own theme or download a premade theme

3) upload the css file and the images folder to yourtopsite.com/css/ui/ overwriting the current jquery-ui-1.8.12.custom.css (check to ensure you have the correct version in wrapper.html where this CSS file is loaded)

now your forms and Jquery UI elements will match your custom rolled theme. Simple as that!

questions? do not hesitate to ask.

Anna · Nov 12, 2011

OK, re-skinning for dummies: Whats the line in the wrapper indicating the version you are talking about for us that barely read "codish"?

Mark · Nov 12, 2011

sure, if you upload a file called: jquery-ui-1.8.16.custom.css

then you need to open wrapper.html and find the part that says: jquery-ui-1.8.12.custom.css

change it to: jquery-ui-1.8.16.custom.css

CrazyCoder · Jan 18, 2012

in the <head> ..... </head> section of the wrapper.html,
you call the css files & some scripts

an example :

HTML:

<script type="text/javascript" src="js/jquery-ui-1.8.12.custom.min.js"></script>

ryancbarnes · Mar 31, 2012

Hmm, interesting. If we do this, does it apply all over the site sort of automatically or do we still have to do some extensive coding to make it all come together?

Basti · Mar 31, 2012

Does apply everywhere inside parabola, including the plugin overall stats

Customizing your style with Jquery UI

Mark

Administrator

Anna

Member

Mark

Administrator

CrazyCoder

Member

ryancbarnes

Member

Basti

Administrator