Accordion Item

• Apr 19, 2022

Accordion items are AccordionItem class instances. An item‘s appearance may vary depending on its hierarchy level.

The table below lists the main properties affecting the element’s behavior and appearance.

Characteristics	Members
Display mode	AccordionItem.ItemDisplayMode
Content	AccordionItem.Header
Highlighting	AccordionItem.HighlightOnHover AccordionItem.HighlightOnPress
Selection	AccordionControl.SelectionMode
Item expandability	AccordionControl.ExpandItemOnHeaderClick
Root items style	AccordionControl.RootItemDisplayMode
Style	ItemContainerStyle Use standard appearance properties to colorize accordion items: BorderBrush BorderThickness Background Foreground

An AccordionControl that does not contain any items displays a notification:

Use the EmptySourceText property to change the notification text.

You can customize the notification by changing the EmptySourceTemplate as follows:

XAML

<dx:ThemedWindow.Resources>
    <ControlTemplate x:Key="{dxat:AccordionThemeKeys ResourceKey=EmptySourceTemplate,
        IsThemeIndependent = true}">
        <Image Source="{dx:DXImage 'SvgImages/Dashboards/DeleteDataSource.svg'}" Height="64"/> 
    </ControlTemplate>
</dx:ThemedWindow.Resources>

The HasItems property indicates whether the AccordionControl contains items.