[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
    [Collapse]Views
      View Layout Customization
      Styling View Content Elements
      Templating View Elements
      Scrolling
    [Expand]Groups
    [Expand]Items
     Binding to Data
    [Expand]Visual Elements
    [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)

Templating View Elements

Using templates provided by the DXNavBar control, you can completely replace the look and feel of view elements, while maintaining their existing behavior. For some view elements (such as group headers, items), templates can be defined at different object levels at the same time (for instance, at the view level and at the group level). In this case, templates created at a lower level in the logical tree take precedence over other templates for the same element (that is, a template defined at the group level has precedence over the same element template created at the view level).

In this topic, common templates (which are available under all views) and templates specific to Navigation Pane Views are listed.

Expanded Common Templates

Template properties listed in this section can always be used within the DXNavBar control, regardless of the applied view type.

Expanded Group Header Templates

Expanded Group Content Template

At the group level, the NavBarGroup.ContentTemplate property can be used to define the appearance of the group content represented by a group's NavBarGroup.Content property if the NavBarGroup.DisplaySource property of the group is set to DisplaySource.Content.

Expanded Item Templates

Expanded Item Panel Template

Each group arranges its items by stacking them within a specific container panel. At the view level, the NavBarViewBase.ItemsPanelTemplate property can be used to replace the panel type used within groups by default, with the required panel type (which should be a descendant of the System.Windows.Controls.Panel type).

 

Expanded Navigation Pane View Specific Templates

Below are the listed templates, available only if the Navigation Pane View is applied to the DXNavBar.

Expanded Group Button Templates

Expanded Collapsed Pane Template

At the view level, use the NavigationPaneView.CollapsedTemplate property to define a template for the pane when it's in the collapsed state.

Expanded Expanded Pane Template

At the view level, use the NavigationPaneView.ExpandedTemplate property to define a template for the pane when it's in the expanded state.

Expanded Overflow Group Templates

Expanded Collapsed Pane Item Templates

Expanded Peek Form Templates

At the group level, use the NavBarGroup.PeekFormTemplate and NavBarGroup.PeekFormTemplateSelector properties.

Expanded Task-Based Help

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