IDropDownEditSettings.DropDownCssClass Property
Assign a CSS class to the editor’s drop-down window.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(null)]
[Parameter]
string DropDownCssClass { get; set; }
Property Value
Type | Default | Description |
---|---|---|
String | null | CSS class names delimited by spaces. |
Remarks
Use the DropDownCssClass
property to apply or remove CSS classes from the editor’s drop-down window at runtime. To customize the editor’s drop-down window appearance in markup, use the DxDropDownEditSettings.DropDownCssClass property.
The IDropDownEditSettings interface allows you to get and customize settings of editors that contain a drop-down window. You can get editor settings in the following ways. Note that you can cast settings to the base IDropDownEditSettings
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 hireDateEditSettings = e.Grid.GetColumnEditSettings<IDropDownEditSettings>("HireDate"); // or var hireDateEditSettings = e.Grid.GetColumnEditSettings<IDateEditSettings>("HireDate"); if(hireDateEditSettings != null) { e.Grid.BeginUpdate(); hireDateEditSettings.DropDownCssClass = "my-class"; 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 IDropDownEditSettings hireDateEditSettings) // or if(e.EditSettings is IDateEditSettings hireDateEditSettings) hireDateEditSettings.DropDownCssClass = "my-class"; }
- Handle the CustomizeDataRowEditor event to customize a cell editor in a data row.
void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) { if(e.EditSettings is IDropDownEditSettings hireDateEditSettings) // or if(e.EditSettings is IDateEditSettings hireDateEditSettings) hireDateEditSettings.DropDownCssClass = "my-class"; }
Refer to the following topic for more information: Apply Styles to Components.