Color Components for ExtJS4 and ExtJS3

[mjjolnir]

Hello Everybody,

When I develope an HTML editor, I saw that standart colour palette isn't enough for us. Because of this I decided to develope a new colour picker tools.

If you want;

• to use the colour picker tools in an HTML editor,
• to edit colour cells in editor grid component,
• to use colour fields in form panel,

Also, if you need different tools for chosing colours; you can visit and test colour mixer, colour picker, colour palette and colour panel.

I think that these tools are very useful for your applications.

Have a nice experience.

Features

Ext.ux.color.Palette

• Support to menu, such as splitbutton and menu.
• Enable/disable color boxes.
• Half mode display.

Ext.ux.color.Mixer

• Support to menu, such as splitbutton and menu.
• Change colorMode. For example: hue, saturation, brightness, red, green, blue
• Double-click on the slider-thumb to make a selection, or Ctrl + Click.

Ext.ux.color.Panel

• Support to menu, such as splitbutton and menu.
• Change colorMode. For example: hue, saturation, brightness, red, green, blue
• Double-click on the slider thumb to make a selection, or Ctrl + Click.
• Select colour on mixer or set colour from field values.

Ext.ux.color.Picker

• Support to menu, such as splitbutton and menu.
• Change colorMode. For example: hue, saturation, brightness, red, green, blue
• Mixer and supports all the features of the palette.
• Color picker tool allows you tou select colur from images, background-color style, color style on the HTML document; easily.

General information: http://www.ext-press.com
Source code: http://www.ext-press.com/download.html
Online demo: http://www.ext-press.com/demo.html

Note: If you're using IE9,you must use these components in ExtJS 3.4 version.

Preview :

colortoolprev.jpg

Best Regards.

[dawesi]

nice job :-)

[shadowee]

its looks wonderful

[mjjolnir]

Thank you for your comments

[fremme]

First - Thank you mjjolnir for sharing this.

I'm trying to get the demo to work on my local server.

I'm using ExtJS 4.1 and tried using FF, Google Chrome Opera etc - but same result.
No error message at all in FF Debugger.

What happens is - that I'm only getting a "red" colored select image.
Look here : q1.png

And from the debuger - Net - I find that the images from the css is not requested.
q2.png

The library used is the v4 from your download section!

Thank you for your help.
STeinar

[mjjolnir]

Hımm, i will check this problem. Thanks for response.

Edit: I checked out the problem, my ExtJS 4.0.1 but did not see any problem in chrome and ff, can examine the attached picture.
Untitled-1.jpg

Check this link please. http://www.ext-press.com/extjs4/test.html

[fremme]

Thank you for coming back to me.

I have checked some more, and found that it has to be between 4.1 and 4.0 something happens.

I made a copy from your page - into my site - and used resources from your server.
Then all was working.

Then changed one resource a time - and found that when changing from your ext-all.css to mine 4.1 - there was some changes in layout - but was working:
w3.png

Then changed the ext-all.js from your site into my 4.1 - and also from :
http://cdn.sencha.io/ext-4.1.0-gpl/ext-all-dev.js

Then - it's not working

w2.png



So - it's possible a change in 4.1 that is making this happen !

STeinar

[mjjolnir]

Upss! Sory, i don't understand your problem correctly...

Yes, my ExtJS version 4.0.1 but your version 4.1, i understood first glance they are the same as.

Probably due to your problem can not load the css styles, i need to check version differences.