{"id":23061660,"url":"https://github.com/syncfusionexamples/xamarin-accordion-visualstatemanager","last_synced_at":"2025-04-03T07:18:59.275Z","repository":{"id":54942367,"uuid":"195189317","full_name":"SyncfusionExamples/Xamarin-Accordion-VisualStateManager","owner":"SyncfusionExamples","description":"This repository contains the sample which showcases the Visual State Manager support in Accordion","archived":false,"fork":false,"pushed_at":"2024-02-15T13:40:44.000Z","size":494,"stargazers_count":0,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-08T20:48:18.752Z","etag":null,"topics":["accordion","accordion-component","visualstatemanager","vsm","xamarin-forms"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SyncfusionExamples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-04T07:17:25.000Z","updated_at":"2022-11-02T14:20:50.000Z","dependencies_parsed_at":"2024-02-15T14:52:35.911Z","dependency_job_id":null,"html_url":"https://github.com/SyncfusionExamples/Xamarin-Accordion-VisualStateManager","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FXamarin-Accordion-VisualStateManager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FXamarin-Accordion-VisualStateManager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FXamarin-Accordion-VisualStateManager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FXamarin-Accordion-VisualStateManager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SyncfusionExamples","download_url":"https://codeload.github.com/SyncfusionExamples/Xamarin-Accordion-VisualStateManager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246952280,"owners_count":20859813,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accordion","accordion-component","visualstatemanager","vsm","xamarin-forms"],"created_at":"2024-12-16T03:18:04.192Z","updated_at":"2025-04-03T07:18:59.256Z","avatar_url":"https://github.com/SyncfusionExamples.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Visual State Manager example of Xamarin.Forms Accordion\n\nThe appearance of the [SfAccordion](https://help.syncfusion.com/cr/cref_files/xamarin/Syncfusion.Expander.XForms~Syncfusion.XForms.Accordion.SfAccordion.html) can be customized using the following two `VisualStates`:\n\n* Expanded\n* Collapsed\n\n```xml\n\u003csyncfusion:SfAccordion x:Name=\"accordion\"\u003e\n    \u003csyncfusion:SfAccordion.Items\u003e\n        \u003csyncfusion:AccordionItem IconColor=\"Accent\"\u003e\n            \u003csyncfusion:AccordionItem.Header\u003e\n                \u003cLabel TextColor=\"#495F6E\" Text=\"Cheese burger\" HeightRequest=\"50\" VerticalTextAlignment=\"Center\"/\u003e\n            \u003c/syncfusion:AccordionItem.Header\u003e\n            \u003csyncfusion:AccordionItem.Content\u003e\n                \u003cGrid Padding=\"10,10,10,10\" BackgroundColor=\"#FFFFFF\"\u003e\n                    \u003cLabel TextColor=\"#303030\" Text=\"Hamburger accompanied with melted cheese. The term itself is a portmanteau of the words cheese and hamburger. The cheese is usually sliced, then added a short time before the hamburger finishes cooking to allow it to melt.\" HeightRequest=\"50\" VerticalTextAlignment=\"Center\"/\u003e\n                \u003c/Grid\u003e\n            \u003c/syncfusion:AccordionItem.Content\u003e\n            \u003cVisualStateManager.VisualStateGroups\u003e\n                \u003cVisualStateGroupList\u003e\n                    \u003cVisualStateGroup\u003e\n                        \u003cVisualState Name=\"Expanded\"\u003e\n                            \u003cVisualState.Setters\u003e\n                                \u003cSetter Property=\"HeaderBackgroundColor\" Value=\"Red\"/\u003e\n                            \u003c/VisualState.Setters\u003e\n                        \u003c/VisualState\u003e\n                        \u003cVisualState Name=\"Collapsed\"\u003e\n                            \u003cVisualState.Setters\u003e\n                                \u003cSetter Property=\"HeaderBackgroundColor\" Value=\"Green\"/\u003e\n                            \u003c/VisualState.Setters\u003e\n                        \u003c/VisualState\u003e\n                    \u003c/VisualStateGroup\u003e\n                \u003c/VisualStateGroupList\u003e\n            \u003c/VisualStateManager.VisualStateGroups\u003e\n        \u003c/syncfusion:AccordionItem\u003e\n    \u003c/syncfusion:SfAccordion.Items\u003e\n\u003c/syncfusion:SfAccordion\u003e\n{% endhighlight %}\n```\n\nYou can also refer our UG documentation to know more about [VSM](https://help.syncfusion.com/xamarin/accordion/apperance#visual-state-manager).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fxamarin-accordion-visualstatemanager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusionexamples%2Fxamarin-accordion-visualstatemanager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fxamarin-accordion-visualstatemanager/lists"}