Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Collapse]Grid View
    Overview - GridView
    Main Features - GridView
   [Collapse]Concepts
    [Expand]Binding to Data
    [Collapse]Data Representation Basics
     [Collapse]Cells
       Data Cells
       Edit Cells
       Command Cells
     [Expand]Columns
     [Expand]Rows
      Customization Window
    [Expand]Focus and Navigation
    [Expand]Data Editing and Validation
    [Expand]Export Overview
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Navigation and Layout Extensions
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Expand]Data Editor Extensions
  [Expand]Report Extensions
  [Expand]SpellChecker
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Edit Cells

Edit cells are displayed within the Edit Form when a GridView is in edit mode. They correspond to data columns and allow the corresponding values within the edited row to be changed.

An edit cell displays the name of the column to which it corresponds. It also provides an editor used to edit the values in that column. The editor displayed within the edit cell is specified by the column's MVCxGridViewColumn.ColumnType property.

Expanded Customizing Edit Cells via Style Settings

Customizing edit cells at the extension level

The style settings used to paint edit cells can be accessed via the GridViewStyles.EditFormCell (via GridViewSettings.Styles.EditFormCell) property.

The style settings used to paint edit cell captions can be accessed via the GridViewStyles.EditFormColumnCaption (via GridViewSettings.Styles.EditFormColumnCaption) property.

The code sample below demonstrates how to define the style settings common to all grid edit cells and their captions.

The image below illustrates the result.

Customizing edit cells at the column level

Columns provide the GridViewDataColumn.EditCellStyle (via MVCxGridViewColumn.EditCellStyle) property, which is used to paint edit cells. The style settings used to paint edit cell captions at the column level can be accessed via the GridViewDataColumn.EditFormCaptionStyle (via MVCxGridViewColumn.EditFormCaptionStyle) property.

These properties allow you to provide a custom style for edit cells and their captions that reside within individual columns.

The code sample below demonstrates how to define the style settings for the edit cell and its caption within an individual column.

The image below illustrates the result.

Expanded See Also

How would you rate this topic?​​​​​​​