We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 34078
    • 76 Posts
    ColorPicker is a MODx TV inspired by ColorPickerField ExtJS Plugin found here : http://www.sencha.com/forum/showthread.php?73998-3.x-Ext.ux.ColorPickerField

    Site : http://www.omycode.fr/modx-extras/colorpicker.html
    Package : http://modx.com/extras/package/colorpicker
    Github : https://github.com/omycode/ColorPicker

    Installation

    Install via MODx Package Management !

    Usage

    Create a TV
    Select the colorpicker input type
    [optional] Select an output option (Hex, RGB, HSL)

    Futures improvements

    Add support of opacity
    Add TV output types : RGB, HSL, Hex
    Easier installation through modx package manager


    Screenshots

    [ed. note: ben_omycode last edited this post 11 years, 8 months ago.]
    • I just bookmarked this topic so that i can make a package of your contribution.

      Thanks for your work!

      Edit: I just read your last sentence, and if you know your way out of the package builder, i will let you handle it. Just keep me informed in this thread.
        • 34078
        • 76 Posts
        I’m not familiar yet with the package building and i don’t have much time now to deal with that. So if you can handle it, I’ll appreciate of course ! Thanks.
          • 33657
          • 128 Posts
          I just installed the color picker. Its great. Its a shame you haven't made this into a package.

          Its not very hard to make a package. (the correct way)

          You need to download Bob Ray's "My Component"

          its a predesigned package maker, where you drop in your files and refactor the names and setup basically your own package using his as a template.

          then when you get it the way you want you run it from the web and it builds the .zip file transport file and you can upload it to modX so its added to the package management.

          then if you do updates you do them to that mycompoenent setup and just up the version # +1 and reup to modX.

          How is this going? are you up to this challenge?

          one thing i'd like to see added is the ability to output it as RGB, HSL, or Hex, as well as opacity... a lot of CSS3 sites rely on RGB for alpha's which you can't do with hex...

          what do you think?
            • 34078
            • 76 Posts
            Finally ! smiley

            ColorPicker is now available as MODx package and can be easily installed directly from the MODx Package Management : http://modx.com/extras/package/colorpicker

            Thanks to Zuriel for the tip and to Bob Ray for his great tutorial : http://bobsguides.com/mycomponent-tutorial.html

            @Zuriel
            one thing i'd like to see added is the ability to output it as RGB, HSL, or Hex, as well as opacity... a lot of CSS3 sites rely on RGB for alpha's which you can't do with hex...

            what do you think?

            Good ideas. I'll work on it.
            [ed. note: ben_omycode last edited this post 12 years, 5 months ago.]
              • 33657
              • 128 Posts
              @Ben
              Sweet man! i've been basically copying your component from installation to installation every time i do a new modX and now I won't have to with a nice download from the package manager! smiley

              glad you got MyComponent figured out, its great (like anything Bob Ray makes) and it will definitely
              help making updates to the online package easier.
                • 34078
                • 76 Posts
                ColorPicker 1.0.1-rc2 released !

                This version add the support of output options : Hex, RGB, HSL in CSS or JSON.

                Example of CSS output => #FFFFFF or rgb(255,255,255) or hsl(1,1,1).
                Example of JSON output => {"FF","FF","FF"} or {255,255,255} or {1,1,1}

                  • 39052
                  • 18 Posts
                  Great plugin, thank you smiley

                  It would be awesome if it also worked with properties. Do you plan anything for properties in the future ?
                    • 36632
                    • 202 Posts
                    The only issue I have with ColorPicker is that it seems to be caching its initial value somewhere. isn't grabbing the most recent value from the db table.

                    I checked the table and it displays the most recent value, but the TV placeholder does not.

                    My code:
                    style="background-color:[[*colorpicker]]


                    The code is in the content container on an uncached page that is updated once a week. My client wants to update the colors according to his whim, but the initial value doesn't change.
                    [ed. note: ultrasef last edited this post 11 years, 8 months ago.]
                      • 34078
                      • 76 Posts
                      Hi UltraSEF,

                      I tested ColorPicker on MODx 2.2.4 with VersionX and I did'nt have any issue.

                      You can try to call your TV uncached :
                      [[!*colorpicker]]