Hierarchical TreeViewItem alignment

2 posts, 0 answers
  1. AlinRaul
    AlinRaul avatar
    10 posts
    Member since:
    Jul 2009

    Posted 30 Sep 2010 Link to this post

    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...
  2. AlinRaul
    AlinRaul avatar
    10 posts
    Member since:
    Jul 2009

    Posted 01 Oct 2010 Link to this post

    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.
  3. DevCraft banner
Back to Top