Color picker template in grid filter

[christophe]

Hello everyone,

 

I have a column in my grid which contains colors.

I would like to offer the possibility for the user to filter with a color palette, instead of typing the hexadecimal value.

 

I found an example close to what I want in javascript, but I don't know how to use Kendo Color Palette instead of Color Picker :     

https://dojo.telerik.com/inawEYOH

 

Do you know how to do this in the MVC core way (using Razor) ?

 

Regards,

Christophe.

[Viktor Tachev]

Hello Christophe,

By default the Grid component will render input element in the filter. However the ColorPalette widget can be initialized from a div element. This is why the palette is not displayed in the dojo. 

In case having a ColorPalette is a must a bit more logic would be required to customize the filter. You can create a div element manually and initialize ColorPalette from it. Then remove the input element that will be available by default. Finally add handler for the ColorPalette change event and filter the data in the Grid.

The example below illustrates the functionality. 

• http://dojo.telerik.com/unOSAZex

Give the approach a try and let me know how it works for you.


Regards,
Viktor Tachev
Progress Telerik