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

    Specifies the navigation location for the drop-down list item.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(null)]
    [Parameter]
    public string NavigateUrl { get; set; }

    Property Value

    Type Default Description
    String null

    The URL where the browser navigates.

    Remarks

    Use the NavigateUrl property to specify a URL where the web browser navigates when the drop-down list item is clicked. To specify where the browser should open the URL (for example, the current window or a new tab), use the Target property.

    Example

    The following code snippet opens the Documentation item’s NavigateUrl link in the same tab and the Demos item’s link in a new tab:

    DxDropDownButton - Navigation Location

    <DxDropDownButton Text="Blazor Components"
                      RenderStyleMode="ButtonRenderStyleMode.Outline" >
        <Items>
            <DxDropDownButtonItem Text="Documentation"
                                  NavigateUrl="https://docs.devexpress.com/Blazor/400725/blazor-components" />
            <DxDropDownButtonItem Text="Demos"
                                  NavigateUrl="https://demos.devexpress.com/blazor/"
                                  Target="_blank" />
        </Items>
    </DxDropDownButton>
    

    If you use the NavigateUrl property together with the Click event handler, the browser handles the event first and then navigates to the specified URL.

    See Also