telerik:TreeViewPanel.TreeVirtualizationMode="Hierarchical" cause more margins between parent level grouping

[Uma]

Hi Team

We are facing frequent more bottom margin issue in RadTreeView with TreeVirtualizationMode="Hierarchical".

There is two level of grouping like parent, child and grandchild. With Hierarchical mode it is happening frequently. But with Recyling and Standard mode it is not happening but the performace is not good. So it is not helping right now.

Tried to adjuest the padding, margins of TreeViewPanel. Nothing helpped. And the number of grand child count is dynamic so cannot assign Height as well.

Need some suggestion. Thanks in advance!

Eg.

Parent A (Expander)

     Child A (Expander)

          Grandchild A (Content)

          Grandchild B (Content)

-----------------------------

----More Blank Space----

------------------------------

Parent B (Expander)

 

Code

<telerik:RadTreeView x:Name="SearchResultTreeView"
                                     BorderThickness="0"
                                     PreviewKeyDown="SearchResultTreeView_PreviewKeyDown"
                                     telerik:RadTreeViewItem.Selected="SearchResultTreeView_Selected"
                                     ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                     IsVirtualizing="True" 
                                     telerik:TreeViewPanel.TreeVirtualizationMode="Hierarchical"
                                     PreviewMouseLeftButtonDown="SearchResultTreeView_PreviewMouseLeftButtonDown" 
                                     Margin="0,-1,-1,0" ItemsSource="{Binding MyDummyCollectionView}"
                                     Background="{x:Null}" 
                                     BorderBrush="{x:Null}">

[Stenly]

I will review this behavior and contact you later today with more information regarding it.

[Stenly]

I have created a sample application, using the provided code snippet, in order to get as close as possible to the specified behavior, however, on my end, no additional space is observed. I have attached the test project, so, could you give it a try and let me know if I am missing anything?

[Uma]

Thank you Stenly.

Unfortunately we cannot repro the issue with this sample project as you said.

In our application we are having more custom styles and controls, those are used with the RadTreeView. I tried to copy possible styles to this sample project to repro the issue. Still it is not showing any padding issue.

But we are having same styles with few more controls in our application, and it is happening frequently for us with the Hierarchical mode.

Surprisingly with Recycling mode, the issue is not at all happening. And in this mode we can see little jagging when scrolling through scrollbar.

Please find my attachments for the sample project with few updates and actual screenshot of our issue. Some time the padding will be 3 to 4 times as given in the screenshot. They are mostly comes after the last node.

Thank you

 

[Stenly]

I have tested the modified application with both the Hierarchical and Recycling values of the TreeViewPanel.TreeVirtualizationMode attached property, however, I was not able to reproduce the extra space. Would it be possible to provide a bit more information, regarding if there is anything else that would allow me to reproduce this on my end? Also, would it be possible to share the version of the used assemblies inside your main application?

[Uma]

We are using Telerik.Windows.Controls

Version: 2017.2.503.45

Runtime: v4.0.30319

[Stenly]

I have tested the application using the 2017.2.503 version of our assemblies, however, I am still not able to observe the unwanted margin. With that being said, would it be possible to try if this behavior is still present when using the latest version of our DLLs (2022.1.222)?