Skip to main content

DxEditorButton.CssClass Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public override string CssClass { get; set; }

Property Value

Type Description
String

The CSS class name.

Remarks

The code below adds the Send E-mail button to the DxMaskedInput<T> component and specifies the CSS class applied to the button.

<DxMaskedInput Value="@Email"
               ValueChanged="@((string value) => OnEmailChanged(value))"
               Mask="@EmailMask"
               MaskMode="MaskMode.RegEx">
    <Buttons>
        <DxEditorButton IconCssClass="oi oi-envelope-closed"
                        Tooltip="Send Email"
                        NavigateUrl="@EmailLink"
                        CssClass="my-style" />
    </Buttons>
</DxMaskedInput>

@code{
    string Email { get; set; } = "test@example.com";
    string EmailMask { get; set; } = @"(\w|[.-])+@(\w|-)+\.(\w|-){2,4}";
    string EmailLink { get; set; } = "mailto:test@example.com";
    void OnEmailChanged(string email) {
        Email = email;
        EmailLink = $"mailto:{email}";
    }
}

<style>
    .my-style {
        background-color: lightcyan;
    }
</style>

CssClass Property

See Also