Questions on Scrollbar inside a Docking Manager

Hi,

i have a Region inside a DockingManager.
Inside this Region i have an Accordion.
in the Second Accordion Item, i have a Tab and this tab has a TreeView.

As i expand the Nodes in the Treeview, i get a Scrollbar added to Docking Manager region, which means i am scrolling off the complete accordion.

I'd like to have the scroolbar enabled for the Treeview so that i only scroll this component.
Any idea how to achieve this?



thanks,

Helmut

9 Replies

HW Helmut Wahrmann April 29, 2020 09:10 AM UTC

Further info.
My Treeview is contained in a UserControl, which is treated as a PRISM module and placed on the left side of the Docing Manager.

as long as i have it like this, the Control sizes correctly and scrollb bars are there:
<Grid>
   <syncfusion:TreeViewAdv>
   </syncfusion:TreeViewAdv>
<Grid>

if i put the Treeview inside a Stack Panel, the scroll bars are gone


AI Anirudhan Iyyappan Syncfusion Team April 29, 2020 12:17 PM UTC

Hi Helmut, 
 
Thank you for contacting Syncfusion support. 
 
Based on your requirement we have prepared an sample. please refer the below sample for further references. 
 
 
If we have misunderstood any of your query, please let us know and modify the above sample in such a way that the issue reproduces. we are happy to assist you. 
 
Regards, 
Anirudhan 



HW Helmut Wahrmann April 29, 2020 04:27 PM UTC

Hi Anirudhan,

thanks for your reply. 
I have it currently working as you showed in your sample in Solution Explorer.

But i want to have some information displayed above the TabControl, which should belong to the same User Control.
So i see 2 Options:

1. Have a Stackpanel inside the grid
2. have a grid with 2 rows and put the Tabcontrol with the treeview into the second row

Regardless what i do, the Treeview doesn't show a Scrollbar anymore.

to reprodice, just put the TabControlExt in SolutionExplorerView inside a StackPanel and
have e.g a Label in front of the Tabcontrol.




the result is this:



The Treeview control is no longer sizing to the region and no scrollbar is shown.
If you remove the Stack Panel, everything is ok.

But how to display then content above or below the Tabcontrol?

thanks,

Helmut





AI Anirudhan Iyyappan Syncfusion Team April 30, 2020 03:27 PM UTC

Hi Helmut, 

Thanks for your update. 

We have modified the sample based on your requirement. For further references please refer to the screenshot and sample below. 

Screenshot: 

 

 


Regards, 
Anirudhan 



HW Helmut Wahrmann April 30, 2020 09:48 PM UTC

Hi Anirudhan,

thanks, but that is not exactly what i want.
If you just have the TabControl, without the outside Grid, you have a vertical scrollbar in the treeview control.

With your solution and the scrollview, i am scrolling away the Tab header as well.
it seems that as soon as i add additional controls, the Treeview control loses the scroling capabilities.

I have copied the working solution into the ToolBox control, so that you can see what i mean.
In the Toolbox, i have the scrollbar for the Treeview, which i lost in the SolutionExplorer Window.

thanks,

Helmut

Attachment: DockingManager_70b8ea56.zip


AI Anirudhan Iyyappan Syncfusion Team May 1, 2020 01:44 PM UTC

Hi Helmut, 

Thanks for you update. 

We can able to reproduce this behavior. We will check and share the further details by Monday 4th May 2020. 
 
Regards, 
Anirudhan. 



AI Anirudhan Iyyappan Syncfusion Team May 4, 2020 08:00 AM UTC

Hi Helmut, 
 
Thanks for your patience.  
 
We can solve this problem by defining a size for the TabContolExt panel size, because the scroll bar is not accessible without a undefined size. For further references please refer to the screenshot and sample below. 
 
Screenshot: 
 
 
 
 
Regards, 
Anirudhan 



HW Helmut Wahrmann May 4, 2020 12:13 PM UTC

Hi Anirudhan,

brilliant. works as expected.

THanks for your fast response,

Helmut


AI Anirudhan Iyyappan Syncfusion Team May 5, 2020 06:09 AM UTC

Hi Helmut,  
  
Thanks for you update.  
  
We are glad to know that the reported issue has been resolved at your end. Please let us know if you need any further assistance on this. We are happy to help you as always.  
  
Regards,  
Anirudhan 


Loader.
Up arrow icon