DxAccordion.RootItemExpandButtonDisplayMode Property

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

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

razor

<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.