wpf-devexpress-accordion

Build hierarchical WPF navigation sidebars with the DevExpress AccordionControl.

Updated Dec 11, 2025
One-click install
npx skills add https://github.com/AleksaRistic216/dotnet-playground --skill wpf-devexpress-accordion-aleksaristic216
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wpf-devexpress-accordion
Source: https://github.com/AleksaRistic216/dotnet-playground/tree/main/.github/skills/wpf/wpf-devexpress-accordion
Command: npx skills add https://github.com/AleksaRistic216/dotnet-playground --skill wpf-devexpress-accordion-aleksaristic216

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires DevExpress.Wpf.Accordion, DevExpress.Wpf.Navigation, and includes references (resource) components.

What problem does it solve? Adding a hierarchical navigation sidebar to a WPF application requires choosing the right control, wiring data binding correctly, and configuring view modes, search, and collapse behavior — this Skill provides the exact XAML, C#, and API guidance for the DevExpress AccordionControl so you avoid common pitfalls like broken bindings and wrong namespaces. ## Core Features & Use Cases - Static and Data-Bound Menus: Define AccordionItem elements directly in XAML or bind to ViewModel collections using ChildrenPath, ChildrenSelector, or HierarchicalDataTemplate. - View Modes and Collapse: Switch between Default accordion and Outlook-style NavigationPane mode, integrate with OfficeNavigationBar, and collapse the panel into a glyph-only strip. - Built-in Search and Customization: Enable the search box with ShowSearchControl, customize item headers, glyphs, and embedded editors, and implement custom filter logic via CustomItemFilter. - Use Case: You are building a line-of-business WPF app on .NET 8 and need an Outlook-style sidebar with Mail, Calendar, and People sections bound to a ViewModel, with a search field and collapsible compact mode. ## Quick Start Ask the AI to add a DevExpress AccordionControl sidebar to your WPF window bound to a hierarchical ViewModel collection with search enabled.

Frequently Asked Questions about wpf-devexpress-accordion

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

FAQPage Schema
How do I bind AccordionControl to a ViewModel collection in WPF?▼

Set ItemsSource to your root collection, ChildrenPath to the property holding child items, and DisplayMemberPath to the property used as header text. Use ObservableCollection<T> so runtime additions and removals appear automatically.

What is the difference between AccordionControl, NavBarControl, and HamburgerMenu?▼

AccordionControl is the recommended modern control with unlimited hierarchy depth and built-in search. NavBarControl is legacy Outlook 2003/2007 style with only two levels, and HamburgerMenu targets Windows 10 Modern UI designs with adaptive layout.

Does DevExpress AccordionControl support .NET 8?▼

Yes, it supports .NET 6, 7, 8+ targeting Windows (net8.0-windows with UseWPF=true) as well as .NET Framework 4.6.2+. Install the DevExpress.Wpf.Accordion NuGet package and keep all DevExpress packages on the same version.

Why do my static XAML AccordionItems not appear?▼

ItemsSource takes precedence over inline XAML items, so if ItemsSource is set anywhere the static items are ignored. Remove the ItemsSource binding to use XAML-defined items, or move everything into the bound collection.

How do I enable search in the WPF AccordionControl?▼

Set ShowSearchControl="True" to display the built-in search box. Search matches header text or the DisplayMemberPath property for bound items; use SearchTag for static items with custom UI headers or the CustomItemFilter event for custom logic.

Why does AccordionControl search not work with BindingList?▼

Search is not supported with BindingList<T> data sources. Switch to List<T>, ObservableCollection<T>, or another IEnumerable implementation, and ensure DisplayMemberPath is set or ToString() is overridden on the data class.