jQuery Checkbox with Themeroller Support

I am working on a mobile analytics platform, will talk about this more in the weeks to come. This platform involves a UI which resembles a typical dashboard ala. Google Analytics, Rescuetime etc. Now I am not so good at design, but am taking this opportunity to hone my css and presentation skills.

A few months back, I came across this beautiful component from jQuery called the jQuery UI Themeroller. I was super impressed by their ability  to generate images for what ever theme I create and let me download the theme.

For the above project of mine, one of the design goals is to make a complete jQuery UI Themeroller ready template. The idea is one should be able to customize the whole template with just the Themeroller. This work is still in progress, and I will write about it once I am done.

I needed to style the checkboxes/radiobuttons and they also had to be Themeroller compatibile. Google threw some awesome jQuery Plugins to this effect, but the best that fit in the bill was jQuery UI Checkbox plugin on jQuery Plugins site. It did exactly what I wanted, but I discovered that it did not support jQuery UI 1.8.5 the latest version of jQuery UI.

I had two options:

  • Write my own plugin
  • Fix the plugin.

I said, let me fix it. Thanks to Jermey Lea (the original author), who had a very good style of coding, it was a breeze to make the modification. Also, this helped me to learn the jQuery widget architecture, something I kept postponing for long time.

I uploaded the source to Google Code. You can find the source here. I don't have any plans to add features to this. However, if you need any do let me know, I will try to add them. Please give it a try and let me know of any bugs, will fix them.

Follow me on Twitter: gantir
Liked this Post: Subscribe to the RSS feed to get the posts to you. You have the advantage of getting my deli.cio.us links on the feed.