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

[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.

[amon]

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.

Send to me the code, I'll merge it, and you'll appear as contributor. Deal?

[scottw]

http://ux.theba.hu/colorpicker (Ext 1)
Didn't work for me, the color picker box and the sliding box were a solid color. When you clicked in the box however it gave you what I can only assume would have been the correct color. (I'm using firefox 2.0.0.7)

I am experiencing this same problem. I followed the simple instructions of unzipping Ext 1.1.1, unzipping colorpicker, and opening the example in a browser. I tried it on both IE 6 and Firefox 2.0.0.7. Anybody know why this is happening?

[dev]

I'm getting an Internal Server Error when trying to dl

http://ux.theba.hu/colorpicker2/colo....js.v1.1.1.zip

Cheers,
dev

[amon]

I'm getting an Internal Server Error when trying to dl
http://ux.theba.hu/colorpicker2/colo....js.v1.1.1.zip
Cheers,
dev

2.0 is strongly developer version, sorry, but I had no time to continue that version.

You can download the v1.1.1 for Extjs 1.1 from here:
http://ux.theba.hu/colorpicker/color....js.v1.1.1.zip

I am experiencing this same problem. I followed the simple instructions of unzipping Ext 1.1.1, unzipping colorpicker, and opening the example in a browser. I tried it on both IE 6 and Firefox 2.0.0.7. Anybody know why this is happening?

Check the .png image url and existsing in the .css

[mxracer]

Hello,

Just a request.

For you CSS styles, could you please give your color picker a window id and them limit all css settings to be only for it?

This setting for instance:

.x-window-body {
    border: 0pt none !important;
}

was over-riding my desktop theme. If you gave your Ext.ux.ColorDialog an id of 'ux-colorpicker' (for example) and then used:

#ux-colorpicker .x-window-body {
    border: 0pt none !important;
}

it would not over-ride themes on other windows.

[K0bo]

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.

amon, first of all I wanna say you did some great work with the ColorPicker!

I just created a plugin for formfields, which suites perfect to change the numerical values in the ColorPicker. You might wanna check it out.

http://extjs.com/forum/showthread.php?t=22663

[amon]

Because of my fulltime job, I have no time to work on this widget, then

I looking for somebody, who can continue the work on the ColorPicker widgets (both 1.1.1 & 2.0 too!)

Please, write to me, if you feel you can done these widgets!