Question

I’d like to give the user the ability to resize TreeView node by dragging its border, the same way you would resize a window.

What control should I put inside TreeNode template to make this possible?

Or, if there is no such control, what is the best way to do this?

Answer 1

I was playing with GridSpliter and was reminded about your question. Here’s another way to do it, more light way, without 3rd party controls, besides it’s always nice to have options 🙂 This is just a sample that gives you an idea about the grid splitter:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition x:Name="Column1" Width="35*"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition x:Name="Column2" Width="65*"/>
    </Grid.ColumnDefinitions>
    <Border BorderBrush="Gray" BorderThickness="1" Margin="2">
        <TextBlock>your treeview</TextBlock>
    </Border>
    <GridSplitter Width="2" ResizeBehavior="PreviousAndNext" Grid.Column="1"/>
    <Border BorderBrush="Gray" BorderThickness="1" Grid.Column="2" Margin="2"/>
</Grid>