AccordionControl Class

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

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.

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}">

how-to-create-a-simple-application-with-the-accordioncontrol-t597312/CS/DxAccordionGettingStarted/MainWindow.xaml#L14

<Grid>
    <dxa:AccordionControl ItemsSource="{Binding EmployeeDepartments}" ChildrenPath="Employees"/>
</Grid>

how-to-bind-the-accordioncontrol-to-data-using-the-hierarchicaldata-template-t596852/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}">

how-to-bind-the-accordioncontrol-to-data-using-the-childrenpath-property-t596666/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}"