Search code examples
jqueryjquery-uideveloper-toolsthemeroller

jQuery UI ThemeRoller Developer Tool

What is 'jQuery UI ThemeRoller Developer Tool' Use For ?

I have this tool as the jQuery website said to Firefox toolbar. it said :

after that i opened a website. i clicked on the jQuery UI ThemeRoller on toolbar. jQuery Theme Roller Opened. but after i clicked on every Theme nothing has happened. how can i use it?

Solution

  • jQuery ThemeRoller Developer Tool allows you to style jQuery elements on any website that uses jQuery CSS3 for styling. Just add it to your bookmarks, and then select it if you want to re-style and existing jQuery site.

    Here is a decent overview: http://www.filamentgroup.com/lab/introducing_the_themeroller_firefox_developer_bookmarklet/

    Note:

    In the comments you will see that it is broken in some versions of FireFox. Here is one of the proposed workarounds:

    1. Download the developertools.js file mentioned in the bookmarklet

    2. Wrap the values of all href attribute selectors in single quotes, e.g. [href=foo] becomes [href=’foo’]

    3. Host the modified developertools.js somewhere.

    4. Update your bookmarklet to point to your modified developertools.js