DxEditSettings.CssClass Property

Specifies the name of a CSS class applied to the editor.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public string CssClass { get; set; }

Property Value

Type	Default	Description
String	null	The CSS class name.

Remarks

To define the appearance of the editor, assign a CSS class name to the CssClass property. For more information about how to apply custom CSS classes to DevExpress Blazor components, refer to the following help topic: CSS Classes.

<style>
    .bold-text > input {
        font-weight: bold;
    }
</style>

<DxGrid Data="@employees" PageSize="4" EditMode="GridEditMode.EditRow">
    <Columns>
        <DxGridCommandColumn />
        <DxGridDataColumn FieldName="FirstName" >
            <EditSettings>
                <DxTextBoxSettings CssClass="bold-text" />
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="LastName" >
            <EditSettings>
                <DxTextBoxSettings CssClass="bold-text" />
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="BirthDate" />
        <DxGridDataColumn FieldName="HireDate" />
        <DxGridDataColumn FieldName="Email" />
    </Columns>
</DxGrid>

@code {
    Employee[]? employees;
    protected override async Task OnInitializedAsync() {
        employees = await EmployeeData.GetData();
    }
    //...
}

To change the editor’s CSS class at runtime, use the IEditSettings.CssClass property instead.

Implements

CssClass