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.