[Solved] Hierarchical Padding / Margin

[Dan Andrews]

How do we move the Hierarchical grid view up so that when it is expanded there is no padding or margin around it (I'm not sure if the space belongs to parent (padding) or child (margin))?  See attached

Secondly, how do we align the columns?  This works, but it's a bit of a hack:

<t:RadGridView.HierarchyChildTemplate>
    <DataTemplate>
        <t:RadGridView  ItemsSource="{Binding children}"
                        Margin="18,0,-8,0"
                        HorizontalAlignment="Stretch"
                        x:Name="childGridView"
                        Style="{StaticResource ChildRadGridViewStyle}"
                        AutoGenerateColumns="False"
                        CanUserFreezeColumns="False"
                        Width="{Binding ElementName=childGridView, Path=ActualWidth,Mode=TwoWay}">

[Dan Andrews]

Is there an example in the Code Base that I didn't see?

[Vanya Pavlova]

Hi Dan,


Generally the recommended approach is to edit the template of GridViewRow. You can find in its template the part HierarchyChildPresenter and resets its Padding property, by default this property is set to 6.

Attached is an example that demonstrates this technique.
 
Kind regards,
Vanya Pavlova
the Telerik team