DxAccordion.RootItemExpandButtonDisplayMode Property
Specifies where the Accordion component displays its expand button for root items.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v25.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.
See Also