ExtJS 4 Color Tools

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

Preview :

colortoolprev.jpg
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.


Best Regards.

[scottmartin]

Very good. Thank you for the contribution!

Regards,
Scott.

[kevin8622]

Exactly what I need !
Thanks a lot !

[kevin8622]

First problem : It crashes if Quicktips is not enabled.
Second problem : I'm unable to get it working on 4.0.7... Is 4.1 required ?

Uncaught TypeError: Cannot call method 'query' of undefined

(same error with your demo file)

Edited : Tested with 4.1, no crash anymore but still works very bad... See screenshot below. What's the problem ?
1.png

[mjjolnir]

Yes, I just noticed this problem, I think that may be due to the css file, I'll check as soon as possible.

Edit: I bought this component into consideration when developing version of ExtJS 4.0.1.

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

[kevin8622]

Your link is working. Is there a new version ?

[mjjolnir]

This demo for ExtJS to version 4.0.1 is working properly. However, problem working version of ExtJS 4.1. Take care of this issue soon.

[suamikim]

Perfect, exactely what i was loocking for!

Thanks a lot

[zeefau]

on 4.0.7, I just replace this.menu.show(this.inputEl,"tl-bl?"); to this.menu.show();
in ext.ux.color4.js line 2433, and it's working..

[HIG]

hi,mjjolnir You seem to have broken links?