Back to Devexpress

DxSplitButton.NavigateUrl Property

blazor-devexpress-dot-blazor-dot-dxsplitbutton-c817bfaf.md

latest1.8 KB
Original Source

DxSplitButton.NavigateUrl Property

Specifies the primary button’s navigation location.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
Stringnull

The URL where the browser navigates.

|

Remarks

Use the NavigateUrl property to specify a URL where the web browser navigates when the primary button 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 primary button’s NavigateUrl link in a new tab:

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

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

DxSplitButton Class

DxSplitButton Members

DevExpress.Blazor Namespace