Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

IButtonEditSettings.InputCssClass Property

Assigns a CSS class to the editor’s input field.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(null)]
[Parameter]
string InputCssClass { get; set; }

#Property Value

Type Default Description
String null

CSS class names delimited by spaces.

#Remarks

Use the InputCssClass property to apply/remove CSS classes to/from the editor at runtime. To specify the CSS classes in markup, use the DxButtonEditSettings.InputCssClass property.

The IButtonEditSettings interface allows you to get and customize settings of editors that contain buttons. You can get editor settings in the following ways. Note that you can cast settings to the base IButtonEditSettings 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.

    C#
    var productEditSettings = e.Grid.GetColumnEditSettings<IButtonEditSettings>("ProductId");
    // or var productEditSettings = e.Grid.GetColumnEditSettings<ISpinEditSettings>("ProductId");
    if(productEditSettings != null) {
        e.Grid.BeginUpdate();
        productEditSettings.InputCssClass="bg-light text-info";
        e.Grid.EndUpdate();
    }
    
  • Handle the CustomizeFilterRowEditor event to customize a cell editor in the filter row.
    C#
    void Grid_CustomizeFilterRowEditor(GridCustomizeFilterRowEditorEventArgs e) {
        if(e.EditSettings is IButtonEditSettings productEditSettings)
        // or if(e.EditSettings is ISpinEditSettings productEditSettings)
            productEditSettings.InputCssClass="bg-light text-info";
    }
    
  • Handle the CustomizeDataRowEditor event to customize a cell editor in a data row.
    C#
    void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) {
        if(e.EditSettings is IButtonEditSettings productEditSettings)
        // or if(e.EditSettings is ISpinEditSettings productEditSettings)
            productEditSettings.InputCssClass="bg-light text-info";
    }
    

For more information on how to apply CSS classes to DevExpress Blazor components, refer to the following help topic: CSS Classes.

See Also