skills.rest
DevExpress
DevExpressOFFICIAL
Explore all skills by this author →
WebsiteGitHub

devexpress-wpf-accordion

Implement hierarchical DevExpress AccordionControl navigation sidebars in WPF.

39|7|Updated Jun 2, 2026
Search Tags:#navigation#wpf#mvvm#xaml#accordion#devexpress#hierarchical-binding
One-click install
npx skills add https://github.com/DevExpress/agent-skills --skill devexpress-wpf-accordion
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: devexpress-wpf-accordion
Source: https://github.com/DevExpress/agent-skills/tree/main/plugins/dx-wpf/skills/devexpress-wpf-accordion
Command: npx skills add https://github.com/DevExpress/agent-skills --skill devexpress-wpf-accordion

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the guesswork and configuration errors involved in implementing hierarchical navigation for WPF applications, ensuring you use the correct DevExpress APIs, namespaces, and best practices to avoid common binding and layout issues.

Core Features & Use Cases

  • Flexible Menu Population: Define navigation items statically in XAML or bind to hierarchical ViewModel collections using ChildrenPath, ChildrenSelector, or HierarchicalDataTemplate.
  • Multiple Layout Modes: Switch between classic accordion, Outlook-style NavigationPane, and collapsible glyph-only strip layouts to match your app's design language.
  • Deep Customization: Configure expand modes, built-in search, custom glyphs/headers, item content, and selection behavior for tailored user experiences. For example, build an employee directory sidebar where departments expand to show staff lists, with search to filter employees by name.

Quick Start

Use this skill to add a searchable, collapsible hierarchical navigation sidebar to your WPF application, bound to a ViewModel collection of departments and their associated employees.

Frequently Asked Questions about devexpress-wpf-accordion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I bind a hierarchical ViewModel collection to a WPF navigation sidebar?▼

You can bind hierarchical collections to a WPF navigation sidebar using the DevExpress AccordionControl's ChildrenPath, ChildrenSelector, or HierarchicalDataTemplate for MVVM-compatible data binding.

Can I create an Outlook-style NavigationPane in WPF using an accordion control?▼

Yes, you can create an Outlook-style NavigationPane in WPF using the DevExpress AccordionControl, which supports switching between classic accordion, NavigationPane, and glyph-only strip layouts.

Does the DevExpress AccordionControl support unlimited hierarchy depth for WPF menus?▼

Yes, the DevExpress AccordionControl supports unlimited hierarchy depth for WPF menus, accommodating deeply nested static XAML items or data-bound hierarchical collections.

What is the best way to add built-in search functionality to a WPF accordion sidebar?▼

The best way to add built-in search to a WPF accordion sidebar is using the DevExpress AccordionControl, which provides native item search functionality to filter hierarchical navigation nodes by name.

Do I need .NET 6 to use DevExpress Accordion controls in a WPF application?▼

No, you do not need .NET 6 exclusively; the DevExpress AccordionControl applies to .NET 6+ and .NET Framework 4.6.2+ WPF projects, ensuring broad compatibility for business application UIs.

How do I customize glyphs and headers in a WPF hierarchical navigation sidebar?▼

You customize glyphs and headers in a WPF hierarchical navigation sidebar using the DevExpress AccordionControl's templating options for custom glyphs, headers, item content, and selection behavior.

Related Skills

Explore More Software Engineering Skills→
DevExpressDevExpress
39

devexpress-wpf-tree-list

Build hierarchical data-aware tree controls for WPF using DevExpress TreeListControl.

Official
Advanced
AutisticAFAutisticAF
4

textkit

Guide building and debugging TextKit 2 text editors with NSTextLayoutManager.

Community
Advanced
DevExpressDevExpress
39

devexpress-wpf-layout-management

Implement WPF layouts with DevExpress docking and layout controls.

Official
Intermediate
syncfusionsyncfusion
5

syncfusion-wpf-navigation-pane

Creates Outlook-style navigation panes in WPF apps using Syncfusion GroupBar with hierarchical groups, drag-and-drop, and themes.

Official
Advanced