[v2.0-alpha] ColorPicker, ColorPanel and ColorDialog widget for Ext

[amon]

I had begin to work on the Ext Colorpicker component.
It's a port of the YUI's colorpicker, but completly rewritten for Ext.

It's under development.
Please, feel free to comment and give me ideas!

Development version demo:

• 2.0a: http://ux.theba.hu/colorpicker2/ for Ext2
• 1.1.1: http://ux.theba.hu/colorpicker/ for Ext 1.1

Ext.ux wiki page:
http://extjs.com/learn/Extension:Yui_Color_Picker

[steffenk]

wow, this looks great!

One question - what is ext.js you use,is this build from builder?

[amon]

One question - what is ext.js you use,is this build from builder?

Yes, it is a build from 'build your own' section.

[amon]

Inline colorpicker and the dialog version of colorpicker are done.
Next is the callback implementation (custom events).

http://ux.theba.hu/colorpicker/

[aconran]

Nice work :-)

Aaron

[JeffHowden]

The display of some of the elements of the colorpicker are fairly odd in IE6/Win, fwiw.

One aspect of the YUI version that is missing from yours is the ability to drag the markers that are on the picker.

[Foggy]

Amon, ill love you for that

[JeffHowden]

I noticed a couple of small issues when checking out the 2.0 version.

1. When you click somewhere that causes one of the colorpicker indicators to animate to the new position, the color at the new position is applied immediately to the swatch in the picker, not after the indicator has stopped moving.
2. The text fields for RGB/HSV all resist selecting the text in them. This can make it quite interesting to figure out just how one would go about keying in new values. Either change the fields to allow manual selection or change them to auto-select the value upon focus/click.

Additionally, I have a couple of feature ideas.

1. The text boxes that take numeric values ought to use the spinner UX posted in these forums so that there's a clear indication of how to change the values along with superb keyboard interaction.
2. I'd like to see this ux as an extension to a trigger field so those that need more than colorfield has to offer can use this.

[amon]

Thanx Jeff!

I'll investigate, why cannot select the values. And if there is spinner for Ext2.0, it'll be used in the next release.

[LewisW]

I've made a draggable version of this. There's only a few lines to add, so it's fairly simple. I'm also making a field wrapper for this, so it can be easily tied to fields/field buttons etc. I'll post them both when I'm done.