This is a migrated thread and some comments may be shown as answers.

Hierarchical TreeViewItem alignment

1 Answer 54 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
AlinRaul
Top achievements
Rank 1
AlinRaul asked on 30 Sep 2010, 02:12 PM
Hello there,

I want to arrange the hierarchical RadTreeView items as follows:

instead of this:
-Item1
   -Item1.1
      -Item1.1.1
-Item2


I need this:
- Item1
- Item1.1
- Item1.1.1
- Item2


Each 'hierarchically different' item should be placed exactly under the previous one and horizontally aligned to the left. Could you please provide an example or hint on how can this be achieved? Thanks...

1 Answer, 1 is accepted

Sort by
0
AlinRaul
Top achievements
Rank 1
answered on 01 Oct 2010, 10:29 AM
To answer my own question - just in case somebody will need this..
I overridden the style for the RadTreeViewItem as such:
 
<Style TargetType="TelerikTreeView:RadTreeViewItem">
            <Setter Property="MinHeight"
                    Value="17" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TelerikTreeView:RadTreeViewItem">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition />
                            </Grid.RowDefinitions>
                            <Border Name="Bd"
                                    Grid.Column="0"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    Padding="{TemplateBinding Padding}">
                                <StackPanel Orientation="Horizontal">
                                    <ToggleButton x:Name="Expander" />
                                    <ContentPresenter x:Name="PART_Header"
                                                      Margin="5, 0, 0, 0"
                                                      Content="{TemplateBinding Header}"
                                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" />
                                </StackPanel>
                            </Border>
                            <ItemsPresenter x:Name="ItemsHost"
                                            Visibility="Collapsed"
                                            Grid.Row="1"
                                            Grid.Column="0">
                            </ItemsPresenter>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

Then, in the RadTreeView, I made sure that I don't have ItemsContainerStyle set. That's about it.
Tags
TreeView
Asked by
AlinRaul
Top achievements
Rank 1
Answers by
AlinRaul
Top achievements
Rank 1
Share this question
or