DxEditorButton.CssClass Property
Specifies the name of a CSS class applied to the button.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public override string CssClass { get; set; }
Property Value
Type | Description |
---|---|
String | The CSS class name. |
Remarks
The following code snippet 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>
See Also