DxEditorButton.NavigateUrl Property
Specifies the button’s target URL.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public string NavigateUrl { get; set; }
Property Value
Type | Description |
---|---|
String | A URL to which the client web browser navigates. |
Remarks
The following code snippet adds the Send E-mail button to the Masked Input component.
<DxMaskedInput Value="@Email"
ValueChanged="@((string value) => OnEmailChanged(value))"
Mask="@EmailMask"
MaskMode="MaskMode.RegEx">
<Buttons>
<DxEditorButton IconCssClass="editor-icon editor-icon-mail"
Tooltip="Send Email"
NavigateUrl="@EmailLink"
CssClass="dx-demo-editor-width" />
</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>
.dx-demo-editor-width {
max-width: 320px;
width: 100%;
}
</style>
See Also