IEditSettings.CssClass Property
Assigns a CSS class to the editor.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(null)]
[Parameter]
string CssClass { get; set; }
Property Value
Type | Default | Description |
---|---|---|
String | null | CSS class names delimited by spaces. |
Property Paths
You can access this nested property as listed below:
Object Type | Path to CssClass |
---|---|
GridCustomizeDataRowEditorEventArgs |
|
GridCustomizeFilterRowEditorEventArgs |
|
TreeListCustomizeDataRowEditorEventArgs |
|
TreeListCustomizeFilterRowEditorEventArgs |
|
Remarks
Use the CssClass
property to change the editor’s CSS class at runtime. To define the appearance of the editor in markup, assign a CSS class name to the DxEditSettings.CssClass property.
The IEditSettings interface allows you to get and customize editor settings. You can get editor settings in the following ways. Note that you can cast settings to the base IEditSettings
interface or to an editor-specific interface.
Call the GetColumnEditSettings method to get editor settings of the column bound to the specified data source field.
Important
You need to enclose your code between BeginUpdate and EndUpdate method calls to change values of Grid component parameters outside the Grid component markup. Otherwise, an exception occurs.
var firstNameEditSettings = e.Grid.GetColumnEditSettings<IEditSettings>("FirstName"); // or var firstNameEditSettings = e.Grid.GetColumnEditSettings<ITextBoxSettings>("FirstName"); if(firstNameEditSettings != null) { e.Grid.BeginUpdate(); firstNameEditSettings.CssClass = "bold-text"; e.Grid.EndUpdate(); }
- Handle the CustomizeFilterRowEditor event to customize a cell editor in the filter row.
void Grid_CustomizeFilterRowEditor(GridCustomizeFilterRowEditorEventArgs e) { if(e.EditSettings is IEditSettings firstNameEditSettings) // or if(e.EditSettings is ITextBoxSettings firstNameEditSettings) firstNameEditSettings.CssClass = "bold-text"; }
- Handle the CustomizeDataRowEditor event to customize a cell editor in a data row.
void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) { if(e.EditSettings is IEditSettings firstNameEditSettings) // or if(e.EditSettings is ITextBoxSettings firstNameEditSettings) firstNameEditSettings.CssClass = "bold-text"; }
For more information on how to apply CSS classes to DevExpress Blazor components, refer to the following help topic: CSS Classes.