New to Telerik UI for .NET MAUI? Start a free 30-day trial

.NET MAUI Accordion Expand and Collapse States

The purpose of this help article is to show you the expanded/collapsed states of the Telerik .NET MAUI Accordion control.

Collapsed/Expanded States

In the Accordion control each item provides a header that expands when clicked, showing more information. The control is designed in such a way that opening one AccordionItem automatically closes the previously displayed content.

There can be only one expanded item at a time indicated by IsExpanded property of the AccordionItem object.

Collapse All Items

Using the CanCollapseAllItems(bool) property you can collapse all Accordion items by tapping/clicking on the Accordion item header. The default value is false.

Expand Multiple Items

Using the CanExpandMultipleItems(bool) property you can allow users to expand more than one item. Default value is false. If CanExpandMultipleItems is set to true, clicking on the header of a collapsed accordion item will expand it, regardless of how many items are expanded. If CanExpandMultipleItems is set to false, the expansion of one item causes the collapse of a previously expanded accordion item.


The snippet below shows how the CanCollapseAllItems and CanExpandMultipleItems properties can be applied:

<telerik:RadAccordion CanCollapseAllItems="True"
                      AnimationEasing="{Static Easing.SpringOut}"
    <telerik:AccordionItem HeaderText="Attachments" IsExpanded="True">
            <Button Text="Attach files" FontSize="20" Margin="10" />
    <telerik:AccordionItem HeaderText="Comments">
            <Label Text="Add your comment here" Margin="30" />
    <telerik:AccordionItem HeaderText="Rating">
            <telerik:RadShapeRating x:Name="rating" Margin="20" />

The image below shows the result after running the snippet:

.NET MAUI Accordion States

And the RadAccordion when all items are collapsed:

.NET MAUI Accordion States

For the Accordion Expand and Collapse states example refer to the SDKBrowser Demo Application.

See Also

In this article
Not finding the help you need?