13 Replies Latest reply on Sep 26, 2012 8:35 PM by roger.keays

    Colorpicker component

    blabno

      Hi I've just developed colorpicker component.

       

      Currently it's in version 4.X but I can port it to RF 3.X after positive community feedback.

       

      Demo, download and subversion address are here.

        • 1. Re: Colorpicker component
          mosheelisha

          Hey,

           

          Thanks a lot for that.

           

          1. I noticed that the OK and Cancel buttons class in the rendered HTML is ".rf-cp-btn-o" and ".rf-cp-btn-c" respectively. Shouldn't it be without the dot at the begining?

           

          2. Please allow to use in a flat mode - without a popup.

           

          Thanks again.

          • 2. Re: Colorpicker component
            tobycarey

            Hi,

             

            Thanks for the demo! I would like to use it in flat mode too, if that's possible.

             

             

            __________________________

             

            Electric Blower

            • 3. Re: Colorpicker component
              blabno

              Moshe, Toby thanks for feedback. I think we can provide flat mode soon.

              • 4. Re: Colorpicker component
                roger.keays

                Ajax submissions fail on this component when there is more than one form on the page. Firebug shows that the hidden input value is never sent to the server (Mojarra 2.1.7).

                 

                Also, the popup displaces other elements on the page. This can be fixed in css:

                 

                .rf-cp { position: relative;  }

                .rf-cp .rf-cp-h { position: absolute; }

                 

                For what it's worth, I restyled the component like this

                 

                .rf-cp { position: relative; width: 2em; height: 2em; border: 1px solid grey; }

                .rf-cp .rf-cp-h { position: absolute; top: 2em; text-align: center; padding: 0.5em; }

                .rf-cp .rf-cp-h input { margin: 0.5em 0.25em 0em; }

                 

                Roger

                • 5. Re: Colorpicker component
                  roger.keays

                  To be more specific, the ajax is always submitting the first form on the page instead of the form containing the color picker. This happens with both f:ajax and a4j:ajax

                  • 6. Re: Colorpicker component
                    yunaeyes00

                    Can you please add option allowing to open and close the color picker programmatically. For example, I have two color picker side by side, if I open one, I want to close the other one programmactically. Thank you very much.

                    • 7. Re: Colorpicker component
                      blabno

                      Roger, could you debug this problem?

                       

                      Thang, I've created issue RFSBOX-73 for this and issued pull request. You can expect the change in colorpicker-4.3.0-SNAPSHOT this week.

                      • 8. Re: Colorpicker component
                        blabno

                        Roger, I've created issue RFSBOX-75 for this and issued pull request. You can expect the change in colorpicker-4.3.0-SNAPSHOT this week.

                        • 9. Re: Colorpicker component
                          yunaeyes00

                          How both RFSBOX-75 and RFSBOX-73 are marked as resolved. That is fast. Thank you very much

                          • 10. Re: Colorpicker component
                            yunaeyes00

                            for the color picker you have style

                             

                            .rf-cp{

                                width: auto;

                                height: auto;

                                display: inline-block;

                            }

                             

                            This is conflict wil collapsiblePanel style. Please fix this, thank you

                            • 11. Re: Colorpicker component
                              blabno

                              Fixed, and issued pull request. Expect changes to be in 4.3.0-SNAPSHOT this week.

                              • 12. Re: Colorpicker component
                                blabno

                                Flatmode implemented. Expect changes to be in 4.3.0-SNAPSHOT this week.

                                • 13. Re: Colorpicker component
                                  roger.keays

                                  Will test the updates next time we rebuild our application. Our other problem is there is no way to unset a color, i.e. no color or 'transparent'. Support for hex/css values would be pretty useful too.