[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
   [Collapse]Accordion Control
     Getting Started
    [Expand]Accordion Items
    [Expand]Data Binding
     Expanding and Collapsing
     View Mode
     Collapse Mode
    [Expand]Visual Elements
   [Expand]Breadcrumb Control
   [Expand]Navigation Bar
    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)


End-users can select one Accordion Item at a time by default:

You can set the AccordionControl.SelectionMode property to SelectionMode.None to prohibit item selection.

Use the AccordionControl.SelectedItem property to get or set the selected accordion item.

Expanded Selection Customization

You can specify accordion item types an end-user can select.

Set the AccordionControl.SelectionUnit property to:

The following code sample demonstrates an AccordionControl that allows selecting subitems only:

The image below shows the result:

Expanded Highlighting Customization

Selectable and expandable accordion items are highlighted when you move the mouse cursor over them. Use the following properties to change this behavior:

Property Description
AccordionItem.HighlightOnHover Gets or sets whether the current item is highlighted when an end-user moves the mouse cursor over it.
AccordionItem.HighlightOnPress Gets or sets whether the current item is highlighted when an end-user clicks and holds the left mouse button.

The following code sample shows an accordion item that you can highlight but not select:

The image below shows the result:

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