Edit this page

Styling Column Editor

Each of the columns that derive from GridViewBoundColumnBase have an EditorStyle property that is used to apply an appropriate Style to the column's editor. While creating this style, keep in mind the type of the editor and its properties. Here is a list of some column types and the types of their editors.

Column Type Editor Type
GridViewDataColumn TextBox
GridViewComboBoxColumn RadComboBox
GridViewImageColumn Not Editable
GridViewSelectColumn Not Editable
GridViewHyperlinkColumn Not Editable
GridViewDynamicHyperlinkColumn Not Editable
GridViewToggleRowDetailsColumn Not Editable

For example, if you want to set the style for the GridViewDataColumn's editor, you have to create a Style that targets the TextBox control.

To learn how to modify the default styles of a control, please refer to the Modifying Default Styles article.

Example 1: Styling all text boxes of an application

<Style x:Key="TextBoxStyle" TargetType="TextBox">
    <Setter Property="Background" Value="Red"/>
    <Setter Property="Foreground" Value="Yellow"/>
    <Setter Property="Padding" Value="2"/>
</Style>

If you are using Implicit Styles, you need to base the style on TextBoxStyle.

Example 2: Setting a column's EditorStyle

<telerik:GridViewDataColumn EditorStyle="{StaticResource TextBoxStyle}" />

Figure 1: RadGridView with styled column edtior

RadGridView with styled footer cells

See Also