Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxToolbarItem.NavigateUrl Property

Specifies the navigation location for the Toolbar item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue("")]
[Parameter]
public string NavigateUrl { get; set; }

#Property Value

Type Default Description
String String.Empty

A URL where the client web browser navigates.

#Remarks

Use the NavigateUrl property to specify a URL where the client web browser navigates whenever the current item is clicked.

Razor
<div class="card p-2">
    <DxToolbar>
        <DxToolbarItem Text="Item" />
        <DxToolbarItem Text="Link to the next demo" 
                       NavigateUrl="https://demos.devexpress.com/blazor/Toolbar#DropDown" />
        <DxToolbarItem BeginGroup="true" IconCssClass="oi oi-align-left" />
        <DxToolbarItem IconCssClass="oi oi-align-center" />
        <DxToolbarItem IconCssClass="oi oi-align-right" />
        <DxToolbarItem IconCssClass="oi oi-cog" 
                       Alignment="ToolbarItemAlignment.Right" 
                       BeginGroup="true" />
        <DxToolbarItem Text="About" IconCssClass="oi oi-info" />
    </DxToolbar>
</div>

Toolbar Overview

To open the specified URL in a new tab, use the _blank attribute:

Razor
<DxToolbar>
    <DxToolbarItem Text="Documentation" 
                   Target="_blank"
                   NavigateUrl="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxToolbar" />
</DxToolbar>
See Also