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. (Last updated on: November 16, 2018).
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

Please sign in to access our KB

or the page will be automatically redirected to sign-in page in 10 seconds.

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