From 17f84b86b66429797a1da951d35771035391828d Mon Sep 17 00:00:00 2001 From: Gowtham-SF4769 Date: Wed, 22 Oct 2025 17:48:05 +0530 Subject: [PATCH 1/3] MAUI-978225-[others][maui]: updated README file. --- README.md | 57 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 56 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index ea103ca..4e8010f 100644 --- a/README.md +++ b/README.md @@ -1 +1,56 @@ -**[View document in Syncfusion Xamarin Knowledge base](https://www.syncfusion.com/kb/12166/how-to-swipe-item-in-xamarin-forms-sfaccordion)** +# swipe-item-accordion-xamarin + +This sample demonstrates how to implement swipeable items inside a Syncfusion SfAccordion control for Xamarin.Forms. The project shows a practical pattern where each accordion header uses a Xamarin.Forms `SwipeView` to expose actions when the user swipes the header. + +To learn more about SfAccordion, check out the official user guide topics: + +- [Getting Started with Xamarin Accordion (SfAccordion)](https://help.syncfusion.com/xamarin/accordion/getting-started) + + + +## xaml +The accordion is bound to a view-model collection (`Info`) using `BindableLayout.ItemsSource`. Each `AccordionItem` contains a header that is a `SwipeView` with a left swipe `SwipeItem` exposing a "Favourite" action. The content area contains a simple `Label` for the description. + +``` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +``` + +## How it works +- SfAccordion: provides a list of expandable items where at most one item is expanded at a time when `ExpandMode="SingleOrNone"` is used. +- SwipeView: placed inside the `AccordionItem.Header` so swipe gestures are handled on the visible header area. Left swipe reveals actions defined in `SwipeItems`. +- Binding to ViewModel: `BindableLayout.ItemsSource` drives item generation. The `DataTemplate` uses item-level bindings (`{Binding Name}`, `{Binding Description}`, `{Binding HeaderColor}`) and also references the outer accordion's `BindingContext` for command bindings via `Source={x:Reference accordion}`. + + +##### Conclusion +I hope you enjoyed learning about how to use SfAccordion in SwipeView in Xamarin.Forms. + From 5386d1ea6e08c8c0540d7060910aa69ce9a0d86e Mon Sep 17 00:00:00 2001 From: Gowtham-SF4769 Date: Wed, 22 Oct 2025 17:59:38 +0530 Subject: [PATCH 2/3] MAUI-978225-[others][maui]: updated README file. --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 4e8010f..e4be43c 100644 --- a/README.md +++ b/README.md @@ -54,3 +54,8 @@ The accordion is bound to a view-model collection (`Info`) using `BindableLayout ##### Conclusion I hope you enjoyed learning about how to use SfAccordion in SwipeView in Xamarin.Forms. +You can refer to our [Xamarin.Forms Accordion feature tour](https://www.syncfusion.com/xamarin-ui-controls/xamarin-accordion) page to know about its other groundbreaking feature representations and [documentation](https://help.syncfusion.com/xamarin/accordion/getting-started), and how to quickly get started for configuration specifications. You can also explore our [Xamarin.Forms Accordion example](https://www.syncfusion.com/demos/xamarin) to understand how to create and manipulate data. + +For current customers, you can check out our Document Processing Libraries from the [License and Downloads](https://www.syncfusion.com/account/login) page. If you are new to Syncfusion, you can try our 30-day [free trial](https://www.syncfusion.com/downloads) to check out our controls. + +If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our [support forums](https://www.syncfusion.com/forums) or [Direct-trac](https://support.syncfusion.com/create). We are always happy to assist you! From 822380fcbad7a6b9bac1781d1fea3b334fb541c3 Mon Sep 17 00:00:00 2001 From: Gowtham-SF4769 Date: Wed, 22 Oct 2025 18:03:03 +0530 Subject: [PATCH 3/3] MAUI-978225-[others][maui]: updated README file. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e4be43c..a3a8326 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ To learn more about SfAccordion, check out the official user guide topics: - [Getting Started with Xamarin Accordion (SfAccordion)](https://help.syncfusion.com/xamarin/accordion/getting-started) - +**KB Link:** **[View document in Syncfusion Xamarin Knowledge base](https://www.syncfusion.com/kb/12166/how-to-swipe-item-in-xamarin-forms-sfaccordion)** ## xaml The accordion is bound to a view-model collection (`Info`) using `BindableLayout.ItemsSource`. Each `AccordionItem` contains a header that is a `SwipeView` with a left swipe `SwipeItem` exposing a "Favourite" action. The content area contains a simple `Label` for the description.