Skip to main content

DxAccordion.ExpandCollapseAction Property

Specifies the user action that expands or collapses the item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[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:

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