Treeview inside accordian

Hello,

I'm trying to combine two of your controls, the Accordian and the TreeView. I have one TreeView nested inside each Accordian panel. The problem I'm having is when the Treeview nodes are expanded they push the Accordian panels off screen and enable a scrollbar. What I'd like to do instead is have the Accordian just expand to fill the available space, and provide a scrollbar for the TreeView inside the Accordian. Can you please help me with this?
Thanks.



5 Replies

DR Durga Rajan Syncfusion Team March 1, 2018 10:42 AM UTC

Hi Andy Schuler, 

Thanks for contacting Syncfusion support. 

We have checked your query about how to restrict Accordion to occupy whole space while expanding TreeViewAdv. By default, Height of the AccordionItem will be updated based on the height of its content. Here TreeViewAdv is the content of AccordionItem, if we expand treeviewitem height of the TreeViewAdv will get changed. So the accordion item will get arranged based on the height of TreeViewAdv. So we suggest you to set height for the TreeView in order to enable scrollbar for the TreeView. We have prepared sample for the same. In this sample we have set 60 as height of the TreeViewAdv. By doing this, ScrollViewer will get enabled while expanding TreeViewItem. 


If we have misunderstood your query please get back to us with more details about your requirement. This would help us to provide solution at earliest. 

Regards, 
Durga S. 



AS Andy Schuler March 2, 2018 02:17 PM UTC

Okay, thank you for the reply and the sample. I'll try that out and let you know how it goes.




DR Durga Rajan Syncfusion Team March 5, 2018 04:10 AM UTC

Hi Andy Schuler,

Thanks for the update.

We will wait until hear from you.

Regards,
Durga S.


AS Andy Schuler March 5, 2018 04:55 PM UTC

I got it working, thanks for your help.



DR Durga Rajan Syncfusion Team March 6, 2018 05:29 AM UTC

Hi Andy Schuler, 

Thanks for the update. Please let us know whether you need any further assistance.  

Regards, 
Durga S. 


Loader.
Up arrow icon