1. #1
    Sencha User
    Join Date
    Aug 2007
    Posts
    7
    Vote Rating
    0
    mjjolnir is on a distinguished road

      0  

    Default ExtJS 4 Color Tools

    ExtJS 4 Color Tools


    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.

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,080
    Vote Rating
    467
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Very good. Thank you for the contribution!

    Regards,
    Scott.

  3. #3
    Sencha User
    Join Date
    Aug 2008
    Location
    Bordeaux, France
    Posts
    7
    Vote Rating
    0
    kevin8622 is on a distinguished road

      0  

    Default


    Exactly what I need !
    Thanks a lot !

  4. #4
    Sencha User
    Join Date
    Aug 2008
    Location
    Bordeaux, France
    Posts
    7
    Vote Rating
    0
    kevin8622 is on a distinguished road

      0  

    Default


    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
    Last edited by kevin8622; 12 Jun 2012 at 5:56 AM. Reason: 4.1 tests+feedbacks

  5. #5
    Sencha User
    Join Date
    Aug 2007
    Posts
    7
    Vote Rating
    0
    mjjolnir is on a distinguished road

      0  

    Default


    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

  6. #6
    Sencha User
    Join Date
    Aug 2008
    Location
    Bordeaux, France
    Posts
    7
    Vote Rating
    0
    kevin8622 is on a distinguished road

      0  

    Default


    Your link is working. Is there a new version ?

  7. #7
    Sencha User
    Join Date
    Aug 2007
    Posts
    7
    Vote Rating
    0
    mjjolnir is on a distinguished road

      0  

    Default


    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.

  8. #8
    Sencha User
    Join Date
    Mar 2012
    Posts
    84
    Vote Rating
    0
    suamikim is on a distinguished road

      0  

    Default


    Perfect, exactely what i was loocking for!

    Thanks a lot

  9. #9
    Sencha User
    Join Date
    Feb 2012
    Posts
    1
    Vote Rating
    0
    zeefau is on a distinguished road

      0  

    Default


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

  10. #10
    Sencha User
    Join Date
    Feb 2011
    Posts
    2
    Vote Rating
    0
    HIG is on a distinguished road

      0  

    Default


    hi,mjjolnir You seem to have broken links?