Skip to main content
All docs
V25.1
  • DxEditorButton.NavigateUrl Property

    Specifies the button’s target URL.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.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>
    

    Masked Input - Command Button

    Run Demo: Editors - Command Buttons

    See Also