Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxAccordion.ExpandCollapseAction Property

Specifies the user action that expands or collapses the item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(AccordionExpandCollapseAction.Auto)]
[Parameter]
public AccordionExpandCollapseAction ExpandCollapseAction { get; set; }

#Property Value

Type Default Description
AccordionExpandCollapseAction Auto

An AccordionExpandCollapseAction enumeration value.

Available values:

Name Description
Auto

When item selection is disabled, users can click an item or its Expand/Collapse button to expand/collapse the item.

When item selection is enabled, users can click an item header to select it or the Expand/Collapse button to expand/collapse the item.

HeaderClick

The item expands or collapses when a user clicks the item’s header or expand\collapse button.

HeaderDoubleClick

The item expands or collapses when a user double clicks the item’s header or expand\collapse button.

ExpandButtonClick

The item expands or collapses when a user clicks the expand\collapse button.

#Remarks

Users can click the Accordion item’s header or expand/collapse button to change the expansion state. Use the ExpandCollapseAction property to choose the action that expands or collapses the item.

The following example sets the ExpandCollapseAction property value to ExpandButtonClick:

Razor
<DxAccordion ExpandCollapseAction="AccordionExpandCollapseAction.ExpandButtonClick">
    <Items>
        @* ... *@
    </Items>
</DxAccordion>       
See Also