[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].NET Core 3 Support
 [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]Breadcrumb Control
   [Collapse]Navigation Bar
    [Expand]Views
    [Expand]Groups
    [Expand]Items
     Binding to Data
    [Collapse]Visual Elements
      Group Header
      Group Header Image
      Group Expand Button
      Item
      Item Image
      Scroll Buttons
      Expanded Navigation Pane
      Collapsed Navigation Pane
      Navigation Pane Header
      Navigation Pane Expand Button
      Navigation Pane Splitter
      Navigation Pane Visible Group Headers (Group Button Panel)
      Navigation Pane Overflow Panel
      Navigation Pane Customization Menu
    [Expand]Miscellaneous
    [Expand]Member Tables
    [Expand]Examples
     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
 [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]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Collapsed Navigation Pane

To save form space, the Navigation Pane (and so, the entire DXNavBar control) can be collapsed in the same manner as the Navigation Pane in Microsoft Office® 2007. In the collapsed Navigation Pane, all elements are represented in a shorter form: for example, the Navigation Pane Header doesn't display the caption and image of the active group, visible group headers display only group images, and no group icons are displayed within the overflow panel. In addition, the active group is represented by the active group button, and clicking it invokes a resizable pop-up window displaying the entire group's contents.

Note

When a navigation pane is placed into a container control that returns an infinite width as the possible width of the DXNavBar control (e.g. System.Windows.Controls.Grid), we recommend that you explicitly specify the NavBarControl.MaxWidth property, to avoid different layout problems.

The table below lists the main members which affect the element's specific characteristics:

Characteristics Members
Availability of Elements NavigationPaneView.IsExpandButtonVisible, NavigationPaneView.IsSplitterVisible, NavigationPaneView.IsOverflowPanelVisible, NavigationPaneView.IsPopupOpen
Layout NavigationPaneView.ActiveGroupMinHeight, NavigationPaneView.MaxVisibleGroupCount, NavigationPaneView.ExpandButtonMode
Commands NavigationPaneCommands.ChangeNavPaneExpanded,NavigationPaneCommands.ShowFewerGroups, NavigationPaneCommands.ShowMoreGroups

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