Skip to main content

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>

Display mode: None

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

See Also