Log In
[Expand]Welcome to DevExpress .NET Documentation
[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]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [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
   [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]Diagram Control
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation


While the content of the DXNavBar is represented using Groups and Items, the layout of the content (the arrangement of the control's elements) is realized via Views. The way in which groups and their contents are displayed on screen is specified by the applied View. Views manage the location and visual representation of DXNavBar control elements, and respond to end-user actions, such as expanding/collapsing groups, clicking items, etc.

The DXNavBar control provides the following three view types, allowing you to easily apply the required layout to your navigation control.

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 desired 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 DXNavbar control) 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.

To apply a View to a DXNavBar control, use the control's NavBarControl.View property.

Each view contains a set of common and view-specific processes that allow the layout and appearance of view elements to be centrally customized.

Expanded Concepts

Expanded Task-Based Help

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