Accordion Events in .NET MAUI Accordion (SfAccordion)

There are four built-in events in the SfAccordion control namely:

Expanding Event

The Expanding event will be triggered when the accordion item is being expanded. It can cancel expansion with ExpandingAndCollapsingEventArgs that contains the following property:

  • Cancel: Indicates that the expansion or collapse action should be cancelled.
  • Index: Gets the index of the current expanding accordion item.
<syncfusion:SfAccordion x:Name="accordion" Expanding="accordion_Expanding">
    <syncfusion:SfAccordion.Items>
        <syncfusion:AccordionItem>
            ...
            ...
        </syncfusion:AccordionItem>
    </syncfusion:SfAccordion.Items>
 </syncfusion:SfAccordion>
private void accordion_Expanding(object sender, Syncfusion.Maui.Accordion.ExpandingAndCollapsingEventArgs e)
{
    if (e.Index == 2)
    {
        e.Cancel = true;
    }
}

Expanded Event

The Expanded event is triggered when the accordion item is fully expanded. You can execute your own code when this event occurs.

<syncfusion:SfAccordion x:Name="accordion" Expanded="accordion_Expanded">
    <syncfusion:SfAccordion.Items>
        <syncfusion:AccordionItem>
            ...
            ...
        </syncfusion:AccordionItem>
    </syncfusion:SfAccordion.Items>
 </syncfusion:SfAccordion>
private void accordion_Expanded(object sender, Syncfusion.Maui.Accordion.ExpandedAndCollapsedEventArgs e)
{
    // Get the index of current accordion item
    int index = e.Index;
}

Collapsing Event

The Collapsing event will be triggered when the expander control is being collapsed.It can cancel collapsing with ExpandingAndCollapsingEventArgs that contains the following property:

  • Cancel: Indicates that the expansion or collapse action should be cancelled.
  • Index: Gets the index of the current collapsing accordion item.
<syncfusion:SfAccordion x:Name="accordion" Collapsing="accordion_Collapsing">
    <syncfusion:SfAccordion.Items>
        <syncfusion:AccordionItem>
            ...
            ...
        </syncfusion:AccordionItem>
    </syncfusion:SfAccordion.Items>
 </syncfusion:SfAccordion>
private void accordion_Collapsing(object sender, Syncfusion.Maui.Accordion.ExpandingAndCollapsingEventArgs e)
{
    if (e.Index == 2)
    {
        e.Cancel = true;
    }
}

Collapsed Event

The Collapsed event is triggered when the accordion item is collapsed. You can execute your own code when this event occurs.

<syncfusion:SfAccordion x:Name="accordion" Collapsed="accordion_Collapsed">
    <syncfusion:SfAccordion.Items>
        <syncfusion:AccordionItem>
            ...
            ...
        </syncfusion:AccordionItem>
    </syncfusion:SfAccordion.Items>
 </syncfusion:SfAccordion>
private void accordion_Collapsed(object sender, Syncfusion.Maui.Accordion.ExpandedAndCollapsedEventArgs e)
{
    // Get the index of current accordion item
    int index = e.Index;
}