We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Xamarin Accordion View control is a vertical collapsible panel that provides stacked headers which can expand or collapse one or more items at a time to reveal the content associated with it.


Data binding

The Accordion control enables the use of Xamarin.Forms BindableLayout to bind data collections and fill the accordion.


Expand and collapse

The Xamarin.Forms Accordion control allows you to customize the expand and collapse actions interactively and programmatically.

Exapnd and collapse in Xamarin.Forms Accordion


Different Expand Modes

Support for different expansion modes to allow for multiple expanded items as well as a single expanded item.


Animation

Collapsible panels support animation when expanding or collapsing the accordion item. Animation behavior is customizable.

Animation in Xamarin.Forms Accordion


Item spacing

The Xamarin.Forms accordion control allows the user to customize the vertical spacing between accordion items.


Expander Icon Position

Customize the position of the header icon in an accordion item.


Visual State Manager

Customize the appearance of accordion items based on their expanded and collapsed states using the visual state manager.

Visual state manager in Xamarin.Forms Accordion


Xamarin.Forms Accordion Code Example

Easily get started with the Xamarin.Forms Accordion using a few simple lines of C# code example as demonstrated below. Also explore our Xamarin.Forms Accordion Example that shows you how to render and configure the Accordion for Xamarin.Forms.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:GettingStarted"
             x:Class="GettingStarted.MainPage"
             xmlns:syncfusion="clr-namespace:Syncfusion.XForms.Accordion;assembly=Syncfusion.Expander.XForms">
             <ContentPage.Content> 
                <syncfusion:SfAccordion x:Name="accordion"/> 
             </ContentPage.Content>
</ContentPage>
using Syncfusion.XForms.Accordion;
using Xamarin.Forms;

namespace GettingStarted
{
    public partial class MainPage : ContentPage
    {
        SfAccordion accordion;
        public MainPage()
        {            
            InitializeComponent();
            accordion = new SfAccordion();
        }
    }
}



150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

  • Easily arrange accordion items in a vertical orientation.
  • The AccordionItem comprises of an entirely customizable header and content.
  • Dynamically customize the item size.
  • Expand one or more items with built-in animations.
  • Support for auto scroll based on the position.
  • Set a collection of items using BindableLayout.
  • Works with a simple configuration and API.
  • Touch friendly and responsive.
  • Extensive demos and documentation to learn quickly and get started with Xamarin Accordion.

You can find our Xamarin Accordion demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion Xamarin.Forms Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon