[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Collapse]Navigation Controls
   [Expand]Accordion Control
   [Expand]Navigation Bar
    Office Navigation Bar
    TileNav Pane
    Tile Bar
   [Expand]Wizard Control
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Office Navigation Bar

The OfficeNavigationBar is an Outlook 2013-inspired navigation bar that supports integration with the Navigation Bar and the AccordionControl. The OfficeNavigationBar control displays navigation links (items), which can be clicked to invoke a specific functionality. You can add and access the control's items using the Items or ItemsSource property. Handle the SelectionChanged event to process a particular item click.

Expanded Integration with the Accordion control

The Office Navigation Bar control seamlessly integrates with the AccordionControl.

Note

The Office Navigation Bar is invisible when its AccordionControl.ViewMode property is set to AccordionViewMode.NavigationPane in an assigned Accordion control.

When you assign an AccordionControl to the OfficeNavigationBar.NavigationClient, the Accordion's root items are obtained and presented as items in the Office Navigation Bar. At runtime, when an end-user clicks any of these items, corresponding accordion subitems are automatically activated in the bound AccordionControl.

Note

In this integration mode, do not manually specify items via the OfficeNavigationBar.Items or OfficeNavigationBar.ItemsSource property.

Expanded Integration with the NavBar control

The Office Navigation Bar control can integrate with a NavBarControl.

Note

If a NavBarControl has the NavigationPane View applied, you need to turn its Compact mode off. Otherwise, the Office Navigation Bar will be invisible. To turn this mode off, use the NavBarControl.Compact property.

When you assign a NavBarControl to the OfficeNavigationBar.NavigationClient, the NavBarControl's groups are obtained and presented as items in the Office Navigation Bar. At runtime, when an end-user clicks any of these items, a corresponding group is automatically activated in the bound NavBarControl. Note that group activation is only noticeable when the NavBarControl is painted using the NavigationPane or SideBar View.

Note

In this integration mode, do not manually specify items via the Items or ItemsSource property.

When the Navigation Pane style is applied to the NavBarControl, the group selector is automatically hidden from the NavBarControl after it is bound to the OfficeNavigationBar.

Expanded Peek Form

The OfficeNavigationBar control can display a popup Peek Form for its items to provide custom content for end-users. By default, the Peek Form is displayed when hovering over items.

You can specify the Peek Form template within the specified item of an integrated control:

  • For an integrated AccordionControl: use the accordion root item's AccordionItem.PeekFormTemplate property to specify the Peek Form template for this item.
  • For an integrated NavBarControl: use the navbar group's NavBarGroup.PeekFormTemplate property to specify the Peek Form template for this group.

Is this topic helpful?​​​​​​​