1. #1
    Ext User amon's Avatar
    Join Date
    Apr 2007
    Location
    Budapest
    Posts
    109
    Vote Rating
    1
    amon is on a distinguished road

      0  

    Thumbs up [v2.1] ColorPicker, ColorPanel and ColorDialog widget for ExtJS v2.0.2 and ExtJS v2.1

    [v2.1] ColorPicker, ColorPanel and ColorDialog widget for ExtJS v2.0.2 and ExtJS v2.1


    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:Ext.ux wiki page:
    http://extjs.com/learn/Extension:Yui_Color_Picker

  2. #2
    Sencha User steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,664
    Vote Rating
    7
    steffenk has a spectacular aura about steffenk has a spectacular aura about steffenk has a spectacular aura about

      0  

    Default


    wow, this looks great!

    One question - what is ext.js you use,is this build from builder?
    vg Steffen
    --------------------------------------
    Release Manager of TYPO3 4.5

  3. #3
    Ext User amon's Avatar
    Join Date
    Apr 2007
    Location
    Budapest
    Posts
    109
    Vote Rating
    1
    amon is on a distinguished road

      0  

    Default


    Quote Originally Posted by steffenk View Post
    One question - what is ext.js you use,is this build from builder?
    Yes, it is a build from 'build your own' section.

  4. #4
    Ext User amon's Avatar
    Join Date
    Apr 2007
    Location
    Budapest
    Posts
    109
    Vote Rating
    1
    amon is on a distinguished road

      0  

    Exclamation


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

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

  5. #5
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,359
    Vote Rating
    128
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Nice work :-)

    Aaron

  6. #6
    Sencha - Community Support Team JeffHowden's Avatar
    Join Date
    Mar 2007
    Location
    Forest Grove, OR
    Posts
    1,038
    Vote Rating
    1
    JeffHowden is on a distinguished road

      0  

    Default


    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.
    Jeff Howden
    Ext JS - Support Team Volunteer
    jeff@extjs.com

    Any and all code samples that are authored by me and posted on the Ext forums or website are hereby released into the public domain and I release anyone or entity of liability by using said code samples unless explicitly stated otherwise.

    Opinions are mine and not necessarily endorsed by Ext, LLC. Please do not contact me directly for assistance unless requested by me.

  7. #7
    Ext JS Premium Member Foggy's Avatar
    Join Date
    Apr 2007
    Location
    Switzerland
    Posts
    477
    Vote Rating
    0
    Foggy is on a distinguished road

      0  

    Default


    Amon, ill love you for that

  8. #8
    Ext JS Premium Member
    Join Date
    Mar 2007
    Posts
    216
    Vote Rating
    0
    Jul is on a distinguished road

      0  

    Default


    It looks great so far. This type of color picker is definitely needed.

    I second what JeffHowden said... the picker needs to be a little larger (maybe use a transparent circle like in Photoshop) and be draggable.

    The elements with the RGB and Hue/Sat values need better formatting. In IE6/Win, they seem oddly formatted.

  9. #9
    Ext User amon's Avatar
    Join Date
    Apr 2007
    Location
    Budapest
    Posts
    109
    Vote Rating
    1
    amon is on a distinguished road

      0  

    Default


    I think, draggable picker will be in the v1.1.

    Todo until 1.0
    • Merge dialog and picker code into one, inherited structure (multiple inherit is needed) in 1.0
    • Inline reference (documentation) in 1.0
    • Documentation and webpage for extension in 1.0
    • Some small CSS modification for better layout in 1.0
    Todo until 1.1
    • Websafe color (in 1.1)
    • Make picker draggable (in 1.1)

  10. #10
    Ext User amon's Avatar
    Join Date
    Apr 2007
    Location
    Budapest
    Posts
    109
    Vote Rating
    1
    amon is on a distinguished road

      0  

    Default


    ColorPicker and ColorDialog classes reached the

    version 1.0

    Now, this extension is can be used.

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