[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
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Collapse]Navigation Controls
   [Expand]Accordion Control
   [Expand]Breadcrumb Control
   [Collapse]Navigation Bar
      View Layout Customization
      Styling View Content Elements
      Templating View Elements
     Binding to Data
    [Expand]Visual Elements
    [Expand]Member Tables
     Main Features
     Product Class Structure
    Office Navigation Bar
    TileNav Pane
    Tile Bar
   [Expand]Wizard Control
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)


The NavBarControl content is organized using Groups and Items. The content layout is realized via Views. The View specifies the way in which groups and their contents are displayed on screen. Views manage the location and visual representation of the NavBarControl elements, and respond to end-user actions, such as expanding/collapsing groups, clicking items, etc.

The NavBarControl provides the following view types.

Explorer Bar View

Side Bar View

Navigation Pane View

This view is implemented by the ExplorerBarView type.


The view emulates the explorer bars found in Microsoft Explorer.

Groups are arranged one under another. End-users can expand/collapse each group individually.

This view is implemented by the SideBarView type.


The view is similar to the side bars found in Microsoft Outlook, prior to version 2003.

Only one group's content can be visible at a time. End-users can click the required group's header to make that group's content visible. Clicking a collapsed group's header expands the corresponding group, and collapses the previously expanded group.

This view is implemented by the NavigationPaneView type.


The behavior and appearance of this view is similar to the Navigation Pane found in Microsoft Outlook 2007.

Only one group's content can be visible at a time. End-users can activate a group by clicking its header. The Navigation Pane (that is the entire NavBarControl) can be collapsed/expanded by a click on the header section's expand button in the same manner as the Navigation Pane in Microsoft Office® 2007.

The NavigationPaneView.MaxVisibleGroupCount property specifies how many visible group headers can be displayed within the group button panel. Use the NavigationPaneView.IsOverflowPanelVisible property to control the visibility if the overflow panel.

Use the control's NavBarControl.View property to apply a View to a NavBarControl,.

Each view contains a set of common and view-specific properties that allow you to customize the layout and appearance of view elements.

Expanded Concepts

Expanded Task-Based Help

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