DevExpress WPF Navigation Bar
DevExpress.Wpf.NavBar includes the DevExpress WPF Navigation Bar control. The NavBarControl displays navigation links grouped according to the specified style: an Outlook-inspired navigation pane, an Explorer-style bar, or a sidebar.
dotnet add package DevExpress.Wpf.NavBar
Key Features
- Three Views: Assign
NavigationPaneView, ExplorerBarView, or SideBarView to the View property to switch presentation style without changing the item hierarchy.
- Collapsible Groups: Users expand and collapse groups.
IsExpanded gets or sets the current state in code.
- Collapsed Navigation Pane:
NavigationPaneView collapses to a narrow bar and displays the active group in a popup.
- Overflow Panel: Limit the number of groups visible simultaneously. Remaining groups are available in the overflow panel.
- Custom Content: Place any element inside a
NavBarItem or replace group content entirely.
- Data Binding: Bind the control to a collection and map data fields to group and item properties.
Examples
Build an Outlook-Style Navigation Pane
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:dxn="http://schemas.devexpress.com/winfx/2008/xaml/navbar">
<dxn:NavBarControl Width="220">
<!-- The View defines how groups and items are presented. -->
<dxn:NavBarControl.View>
<dxn:NavigationPaneView />
</dxn:NavBarControl.View>
<dxn:NavBarGroup Header="Mail" IsExpanded="True">
<dxn:NavBarItem Content="Inbox" />
<dxn:NavBarItem Content="Sent Items" />
</dxn:NavBarGroup>
<dxn:NavBarGroup Header="Calendar">
<dxn:NavBarItem Content="Day" />
<dxn:NavBarItem Content="Month" />
</dxn:NavBarGroup>
</dxn:NavBarControl>
</Window>
In this configuration, the control behaves as follows:
- Displays two groups
- Displays one group at a time in an Outlook-style navigation pane
- Moves groups to the overflow panel when the control shrinks vertically
Replace NavigationPaneView with ExplorerBarView or SideBarView to change the presentation style. Group and item declarations stay the same.
Evaluation Period, Pricing Options, and Licensing Terms
Whether you own a license or want to start a 30-day evaluation period, download and register your DevExpress license key. To obtain your key, log in to the DevExpress Download Manager. Use your existing DevExpress.com account or create a new account for free. For key registration instructions, see License Key for DevExpress Products.
If you purchase a license after evaluating a product, re-register your updated DevExpress license key to remove evaluation version warnings/messages.
This package is included in the following commercial subscriptions:
See DevExpress Subscriptions & Licensing for subscription comparison tables, purchasing FAQ, and licensing information.
Related Components/Packages
DevExpress.Wpf.Accordion - The DevExpress WPF Accordion control.
dotnet add package DevExpress.Wpf.Accordion
DevExpress.Wpf.Docking - DevExpress WPF dock windows and document management UI.
dotnet add package DevExpress.Wpf.Docking
DevExpress.Wpf - The complete DevExpress WPF Control suite.
dotnet add package DevExpress.Wpf
Documentation
Software Bill of Materials (SBOM)
To access SBOM files for DevExpress packages, please refer to the following article: Software Bill of Materials (SBOM) for DevExpress .NET assemblies/NuGet packages, JavaScript, VCL and other redistributable artifacts.
See Also: Information Security | Security - What You Need to Know
Useful Online Resources