This is a migrated thread and some comments may be shown as answers.

Kendo Angular Grid Color Picker

1 Answer 18 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
CHAGANTI
Top achievements
Rank 1
CHAGANTI asked on 08 Mar 2021, 10:50 AM

Sir/Madam,
                  I am sumant.ch working as a UI Developer Actually I am unable to add color picker in kendo angular grid So can you please provide the solution as soon as possible

1 Answer, 1 is accepted

Sort by
1
Hetali
Telerik team
answered on 09 Mar 2021, 01:13 AM

Hi Sumant,

In order to add the Kendo UI ColorPicker in the Kendo UI Grid, use the CellTemplateDirective to add the ColorPickerComponent. For example:

<kendo-grid-column field="Color" title="Color" width="120">
  <ng-template kendoGridCellTemplate let-dataItem>
    <kendo-colorpicker [value]="dataItem.Color">
    </kendo-colorpicker>
  </ng-template>
</kendo-grid-column>

In this StackBlitz example, I have added the ColorPicker in the Grid. The ColorPicker can also be added in other Grid Templates as per your requirement.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
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/.

Tags
General Discussions
Asked by
CHAGANTI
Top achievements
Rank 1
Answers by
Hetali
Telerik team
Share this question
or