Unplanned
Last Updated: 09 Nov 2020 14:18 by ADMIN
Seuthes
Created on: 27 Oct 2020 08:31
Category: ColorPicker
Type: Feature Request
1
ColorPicker dual mode: Picker and Palette in Popup
It would be really nice, if you could combine the color picker with the palette. When the user then opens the color picker, he has the ability to select a custom color, but also to select quickly a predefined color. This would improve the users worklflow nicely.
3 comments
ADMIN
George Gindev
Posted on: 09 Nov 2020 14:18

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Seuthes
Posted on: 03 Nov 2020 06:36

Hi,

Thank you for this quick and small workaround. But the color of the palette, is not updated, if I change the color in the picker.

As I don't think this feature will be implemented soon, I created a custom widget on my own with the Popup, ColorPicker and Palette.

But I really appreciate this fast & helpful responses. Thank you!

 

ADMIN
George Gindev
Posted on: 02 Nov 2020 17:49

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.