[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
      Group Content Model
      Expand and Collapse Groups
      Expanded Group
      Active Group
     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)


Groups are expandable elements that have header and content areas, and are designed to contain clickable items or any custom content. The DXNavBar control maintains its groups within the NavBarGroupCollection, which can be accessed via the NavBarControl.Groups property. This collection allows you to add, delete and access individual groups. Individual groups are represented by instances of the NavBarGroup object. The functionality exposed by this object via its properties allows groups to be customized as follows.

Group Content

A group's heading content can be specified via the NavBarGroup.Header property. To define the content of a group's client region, the NavBarGroup.Items or NavBarGroup.Content property can be used (see the Group Content Model topic to learn more). An image to be displayed within a group header can be assigned by using the NavBarGroup.ImageSource property.

Group Behavior

A group's visibility can be controlled by the NavBarGroup.IsVisible property. The expanded and active states of a group can be manipulated via the NavBarGroup.IsExpanded and NavBarGroup.IsActive properties, respectively. If item selection is enabled within the DXNavBar, the NavBarGroup.SelectedItem or NavBarGroup.SelectedItemIndex property can be used to specify the selected item within a group (see Clicking and Selecting Items to learn more).

Group Styling

A group header's appearance can be defined with the help of the NavBarGroup.VisualStyle property. You can provide a uniform style for all items displayed within a group by using the NavBarGroup.ItemVisualStyle property.

Group Templates

The look and feel of different group elements can be customized by creating templates. The following template types are available for groups: the NavBarGroup.HeaderTemplate, NavBarGroup.ItemTemplate, NavBarGroup.ContentTemplate, etc.

Commonly, the appearance and arrangement of groups and their elements depends upon the applied View.

Expanded Visual Elements

Expanded Concepts

Expanded Examples

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