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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to customize the AccordionButton?

You can customize the AccordionButtonStyle property in the SfAccordionitem by defining a new style in the ItemContainerStyle. In the following example, the background and foreground of the SfAccordionItem header are modified through the AccordionButtonStyle and new keys MouseHoverStroke, ExpandedStroke and CollapsedStroke are defined where you can change the color.


The following screenshot displays the SfAccordion with the customized AccordionButton.

Article ID: Published Date: Last Revised Date: Platform: Control:
4857 05/13/2015 05/13/2015 WinRT SfAccordion
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Please sign in to access our KB

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon