AccordionControl Class

Assembly: DevExpress.Xpf.Accordion.v24.1.dll

NuGet Package: DevExpress.Wpf.Accordion

Declaration

C#
VB.NET

public class AccordionControl :
    Control,
    INavigatorClient,
    INotifyPropertyChanged

Public Class AccordionControl
    Inherits Control
    Implements INavigatorClient,
               INotifyPropertyChanged

The following members return AccordionControl objects:

Remarks

The AccordionControl is an advanced navigation control that allows you to create hierarchical user interfaces that are compact and easy to navigate.

Refer to Accordion Control to learn more.

Example

Xaml

<dxa:AccordionControl>
    <dxa:AccordionItem Header="Home">
        <dxa:AccordionItem Header="Products"/>
        <dxa:AccordionItem Header="Downloads"/>
    </dxa:AccordionItem>
    <dxa:AccordionItem Header="Get Help">
        <dxa:AccordionItem Header="Support"/>
        <dxa:AccordionItem Header="Documentation"/>
    </dxa:AccordionItem>
    <dxa:AccordionItem Header="Client Center"/>
</dxa:AccordionControl>

The following code snippets (auto-collected from DevExpress Examples) contain references to the AccordionControl class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

XAML

wpf-accordion-customize-appearance/CS/AppearanceCustomization/MainWindow.xaml#L17

<dx:ThemedWindow.Resources>
    <Style TargetType="dxa:AccordionControl">
        <Setter Property="Background" Value="#fdfdfd"/>

how-to-bind-the-accordioncontrol-to-data-using-the-childrenselector-property-t596779/CS/ChildrenSelector/MainWindow.xaml#L23

<Border Margin="5" Grid.Column="0" BorderBrush="Black" BorderThickness="1">
    <dxa:AccordionControl Name="accordion" SelectionUnit="SubItem" ItemsSource="{Binding MyData.Categories }"
                          SelectedItem="{Binding SelectedItem}" ChildrenSelector="{StaticResource mySelector}">

wpf-accordion-bind-to-data-hierarchicaldatatemplate/CS/HierarchicalDataTemplate/MainWindow.xaml#L20

<Border Margin="5" Grid.Column="0" BorderBrush="Black" BorderThickness="1">
    <dxa:AccordionControl x:Name="accordion" SelectionUnit="SubItem"
                          ItemsSource="{Binding MyData.Categories }" SelectedItem="{Binding SelectedItem}">

wpf-accordion-bind-to-data-using-childrenpath/CS/ChildrenPath/MainWindow.xaml#L20

<Border Margin="5" Grid.Column="0" BorderBrush="Black" BorderThickness="1">
    <dxa:AccordionControl Name="accordion" ItemsSource="{Binding AppMenu.MenuItems }"
                          SelectedItem="{Binding SelectedItem}"

wpf-create-a-fluent-design-using-appearance-options/CS/FluentDesignTemplate/MainWindow.xaml#L83

</Grid.RowDefinitions>
<dxa:AccordionControl RootItemExpandButtonPosition="None"  ViewMode="Accordion" Background="Transparent" BorderThickness="0" AutoExpandAllItems="True">
    <dxa:AccordionItem Header="MENU"  Style="{StaticResource accordionHeadItemStyle}">