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
close icon

AccordionButtonStyle Customization - UWP

Hi Team,

We have already created a incident regarding this requirement. But, still the created incident is in hold state. Please let us know, if we need to do anything from our side.

Link: https://www.syncfusion.com/support/directtrac/incidents/229071 
Requirement:

a). Expand/Collapse button customization - We are using Accordion control as per our requirement. But, we expect expand/collapse icon should be in black color always either we collapse or expand and during rendering also.

b). Expand/Collapse icon should not display if there is no content/children exist under an AccordianItem. (Run the sample and see Header 4, Header 8 and Header 9 accordion items).

Issue:

Can`t hide the visibility of VerticalScrollbar when we render list of items inside Accordian

We have done some workaround to fix this issue in sample level (MainPage.xaml.cs file). But, we expect you to overcome this issue in your source level.

For your reference, we have attached both screenshot and sample. Please revert back us with the modified sample which will be helpful for us.

Thanks,
Saravana Pandian M.

Attachment: Sample__Screenshot_821075fc.zip

5 Replies

SM Subashini Mahendran Syncfusion Team February 27, 2019 05:47 PM UTC

Hi Rohith, 
 
Thank you for contacting Syncfusion support. 
 
Query 1: 
Expand/Collapse button customization - We are using Accordion control as per our requirement. But, we expect expand/collapse icon should be in black color always either we collapse or expand and during rendering also. 
We have prepared a sample based on your requirement in which we have set the accordion button color as back by customizing AccordionButtonStyle of accordion item. Please find the below screenshot and sample for the same from below location: 
 
Query 2: 
 Expand/Collapse icon should not display if there is no content/children exist under an AccordianItem. (Run the sample and see Header 4, Header 8 and Header 9 accordion items). 
We have prepared a sample based on your requirement in which we have handled the visibility of expander button icon based on content exist in accordion item. Please find the below screenshot and sample for the same from below location: 
 
Query 3:  
We have done some workaround to fix this issue in sample level (MainPage.xaml.cs file). But, we expect you to overcome this issue in your source level. 
In SfAccordion, we have set the VerticalScrollBarVisibility as auto in ScrollViewer of Accordion since to display scroll bar when it contain more item than specified area(accordion), So, we suggest you to use the workaround for handling the scroll bar visibility in accordion.  
  
 
 
  
Regards, 
Subashini M. 
 



RK Rohith Kunchamwar March 1, 2019 06:40 AM UTC

Hi Subashini,

Thanks for the quick update. It works fine now.

Thanks,
Saravana Pandian M.


JP Jagadeesan Pichaimuthu Syncfusion Team March 1, 2019 06:44 AM UTC

Hi  Saravana Pandian, 
 
Thanks for the update. 
 
We are glad to know that the reported problem has been resolved at your end. Please let us know if you have any further queries on this. We are happy to help you. 
 
Regards, 
Jagadeesan 



RK Rohith Kunchamwar March 8, 2019 07:31 AM UTC

Hi Jagadeesan,

Thanks for the sample. AccordionButtonStyle works fine now. You can close this thread.

Thanks,
Saravana Pandian M.


JP Jagadeesan Pichaimuthu Syncfusion Team March 11, 2019 06:52 AM UTC

Hi Saravana Pandian, 

Thanks for the update. 

We are glad to know that the reported problem has been resolved at your end. Please let us know if you have any further queries on this. We are happy to help you. 

Regards, 
Jagadeesan 


Loader.
Live Chat Icon For mobile
Up arrow icon