Hi, I would like to use RadTreeView to display a flat list, but all items have significant indentation.
I could have used a RadListBox, but since I have the same nodes in a hierarchically TreeView another place in the application, I thought using the same control would be the easiest way to get the same look and functionality (context menu, click etc).
My idea was to set the ItemTemplate of the treeview to a normal DataTemplate or a HierarchicalDataTemplate without specifying ItemSource. It works as I want, except that there is an indention of all the items, leaving a lot of space to the left.
I have also tried to set the ExpanderStyle to a style containing a collapse template, but it only seems to affect the indentation of child items.
4 Answers, 1 is accepted
Please try to control the items' margin by setting the exposed ItemsIndent property of RadTreeView. If you set the ItemsIndent to 0 all items will be vertically aligned regardless their level. The default indent is 20.
<telerik:RadTreeView ItemsIndent="0" />Let us know if this does not help.
Rank 1
Hi, I've tried that but can't see it has an effect on the indentation of the root items.
I added the following code to my main view :
<Grid Background="LightGray">
<telerik:RadTreeView ItemsIndent="0" HorizontalAlignment="Left">
<telerik:RadTreeViewItem Header="Node A"/>
<telerik:RadTreeViewItem Header="Node B"/>
</telerik:RadTreeView>
</Grid>
Scree shot shows how it looks
Unfortunately this space is caused by MinWidth setting in the RadTreeViewItems' default template. The easiest workaround of this issue would be to try setting Padding="-21 0 0 0" to the RadTreeView. This is not the most beautiful solution but in simple scenarios should work and by using it you won't need to set custom style. Please test it in your application (together with the ItemsIndent property) and let me know how it works.
Regards,
Sia
Telerik
Rank 1