DxAccordion.RootItemExpandButtonDisplayMode Property

Specifies where the Accordion component displays its expand button for root items.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(AccordionExpandButtonDisplayMode.Start)]
[Parameter]
public AccordionExpandButtonDisplayMode RootItemExpandButtonDisplayMode { get; set; }

Property Value

Type	Default	Description
AccordionExpandButtonDisplayMode	Start	An AccordionExpandButtonDisplayMode enumeration value.

Available values:

Name	Description
Start	The Accordion displays an expand button to the left of items.
End	The Accordion displays an expand button to the right of items.
None	The Accordion does not display an expand button.

Remarks

The following code snippet hides an expand button for root items:

<DxAccordion RootItemExpandButtonDisplayMode="AccordionExpandButtonDisplayMode.None">
    <Items>
        <DxAccordionItem Text="Grid"></DxAccordionItem>
        <DxAccordionItem Text="Navigation and Layout" Expanded="true">
            <Items>
                <DxAccordionItem Text="Accordion"></DxAccordionItem>
                <DxAccordionItem Text="Context Menu"></DxAccordionItem>
            </Items>
        </DxAccordionItem>
        <DxAccordionItem Text="Data Editors"></DxAccordionItem>
    </Items>
</DxAccordion>

If you want to position nested Accordion items, use the SubItemExpandButtonDisplayMode property.