Hi,

This feature will be added to the ColorPicker and FlatColorPicker with the 2021 R3 SP1 release.

Regards,
Ianko
Progress Telerik

Hi,

An additional handler can be attached to the change event of the ColorPicker, to equate the values of the two color components.

picker = $("#picker").kendoColorPicker({
        change: function(e) {           
                palette.value(e.value);
          }                                         
}).data('kendoColorPicker');

If the color picked from the ColorPicker exists inside the ColorPalette, it will be selected. Else, the ColorPalette will unselect it's current value.   

Regards,
George Gindev
Progress Telerik

Hello,

I appreciate the suggestion to contain ColorPalettes inside the ColorPicker. We currently do not provide this functionality, but if this feature gets enough votes from our community, we will include it in our roadmap.

I implemented a working solution for the case in the following dojo: https://dojo.telerik.com/eHImONAt/2

The idea is to add a one-time handler to the open event of the ColorPicker:

picker.one("open", function(ev){...

And then append the ColorPalette element p to the ColorPicker container:

    var p = $('<div id="palette"></div>').appendTo($('.k-flatcolorpicker').last());

And initialize ColorPalette:

    palette = p.kendoColorPalette({...

Let me know if this helps or if you need any additional help.

Regards,
George Gindev
Progress Telerik