We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to render Syncfusion ColorPicker control for particular column while editing a record?

How to render Syncfusion ColorPicker control for particular column while editing a record?

How to show color picker in grid Edit Mode?

 

This Knowledge Base explains the way, of how to render Syncfusion ColorPicker control for particular column while editing a record.

show the color picker in grid Edit Mode and apply it for the corresponding column.

 HTML

 

JS

 

Razor

 

C#

 

ASPX

 

Edit template for grid column:

Using Eedit Template feature the ejColorPicker control has been defined inside the write and read functions for the corresponding column (Column Name: “Color”)

 

The rowDataBound event triggers every time when a row data bind with theto the Grid. In this event, color for the cell can able to set after editing the record.

 

 

C:\Users\Manisankar.durai\Desktop\cc1.png

 

Figure 1: Rendered the color for the column at the initial rendering of grid.

 

 

 

C:\Users\Manisankar.durai\Desktop\cc-2.png

 

Figure 2: sShows ejColorPicker control has rendered when the grid is in edit Mode for the first row.

 

C:\Users\Manisankar.durai\Desktop\cc-3.png

Figure 3: Sshows the different color for the row 1 to the color column after editing.

 

Article ID: Published Date: Last Revised Date: Platform: Control:
7174 12/16/2016 12/16/2016 JavaScript ejGrid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon