Showing posts with label wheel color picker. Show all posts
Showing posts with label wheel color picker. Show all posts

Wednesday, July 10, 2013

A Complete Rewrite of jQuery Wheel Color Picker

It's been two years since the first version of jQuery Wheel Color Picker plugin is out. Now the brand new version 2 is finally released featuring a complete rewrite and so many new good things to try!

Complete Rewrite

So the question is, why should we have a complete rewrite? Isn't the first one is already working. In the first version, there were fundamental limitations that we couldn't add new features to it.

Features

A few new features to name:
  1. Multiple instances. Now one page can have multiple color pickers!
  2. Alternative layout. Beside the color picker popup, There's a new 'block' layout to keep the color picker visible at all times,
  3. New HSV (HSB) color space. In case you need this value.
  4. Color sliders. There are 6 color component sliders, S, V, R, G, B, A, to allow user select a color precisely. And they could be hidden if you don't need it. By default, only the wheel, saturation, and value sliders which will be displayed.
  5. Preview box. In addition to live preview on the input box, there's an additional preview box on the popup.

Grab The Code

The new version  2.0.3 can be downloaded here.

{LANG:EN}

Wednesday, August 17, 2011

Wheel Color Picker 1.2 is Out!

Despite the two months age of the Wheel Color Picker plugin since its first debut, it is already used in various websites across countries. Therefore I am happy to announce the new release of jQuery Wheel Color Picker plugin! This new version adds some new exciting features and fixes:
  • Setting preset value is now supported. This can be achieved either by setting "value" attribute to inputs (e.g. < input class="colorpicker" value="FF0000" />) or adding "color" option when initializing (e.g. $('.colorpicker').wheelColorPicker({ color: "FF0000" }); ).
  • Added "rgb%" (i.e. rgb(100%, 100%, 100%)) and "rgba%" (i.e. rgba(100%, 100%, 100%, 1) ) color formats.
  • The color picker now supports alpha value. If you set color format option to "rgba" or "rgba%", the color picker dialog will come up with additional alpha slider on the right.
  • Fixed a bug that giving undefined reference to rselectedColor error when using rgba format.

Grab the package while it's hot directly from http://plugins.jquery.com/files/jquery.wheelcolorpicker-1.2.0.zip

For an online demonstration and documentation, please visit http://www.jar2.net/projects/jquery-wheelcolorpicker/demo.

There are still things to do to improve this plugin, such as adding HSL color format support, advanced color picker and so on. Let's look forward to have more new useful features implemented on the next release.


    {LANG:EN} {CAT:PROJECT}