Horizontal scrollbar appearing after changing Row template

[Riccardo]

Hello,

I've edited the RadTreeListView row template to add additional visuals that I need, but after the modifications an horizontal scrollbar appears and what seems to be an empty column header is added (image attached)

I've seen that the problem lies in the extra visuals I added to the row template, because when I remove the 2 colored borders the empty column header disappears.

Here you can find a sample project that reproduces the issue: 

How can I prevent this issue and make the empty column header disapper ?

Thank you for your support.

 

[Maya]

Hi Riccardo,

This would be the expected behavior in this case. Could you clarify why you need to set Margin to the DataCellPresenter:

<telerik:DataCellsPresenter x:Name="PART_DataCellsPresenter" Grid.Column="2" Grid.Row="0" Margin="5,0,0,0">

Could you try accomplishing the view you want in another appropriate for your scenario way without moving the cells presenter with a margin of 5 on the left ? 

Regards,
Maya
Telerik

[Riccardo]

Hello Maya, thank you for your answer

I have added the margin because otherwise the Cells would overlap the Expander Button (see attacched image '#1')

I understand that the overlap could be caused by the ColumnSpan = "2" on the Grid containing the Expander Button but I tried to position the Row Template's elements "normally" (by giving each element its column) but doing this makes the Row Template broken

 

[Maya]

Hi Riccardo,

Generally, setting Margin in this case will change the measurement of the elements and as observed in the project, will result in a ScrollViewer.
A simple change as setting the width of the two borders (red and yellow) to '3' will resolve the issue. However, it is up to you to decide the most appropriate implementation for your scenario. 



Regards,
Maya
Telerik