DxEditorButton.NavigateUrl Property

Specifies the button’s target URL.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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.

Razor
CSS

razor

<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; } = "[email protected]";
    string EmailMask { get; set; } = @"(\w|[.-])+@(\w|-)+\.(\w|-){2,4}";
    string EmailLink { get; set; } = "mailto:[email protected]";
    void OnEmailChanged(string email) {
        Email = email;
        EmailLink = $"mailto:{email}";
    }
}

css

.dx-demo-editor-width {
    max-width: 320px;
    width: 100%;
}

Run Demo: Editors - Command Buttons