Gridview template column with top aligned button

[Kjell]

Hi, I have a gridview with several template columns which contains buttons.  I need those buttons to be top aligned but for some reason they keep being forced to be vertically centered.

Here is an example of one of the columns:

<telerik:GridViewColumn>
                        <telerik:GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <telerik:RadButton Content="Delete" Command="telerik:RadGridViewCommands.Delete" CommandParameter="{Binding}" 
                                                   VerticalAlignment="Top" HorizontalAlignment="Center"  Height="20"  Margin="0,0,0,0" />
                            </DataTemplate>
                        </telerik:GridViewColumn.CellTemplate>
                    </telerik:GridViewColumn>

It looks fine when the row is only 1 line tall but when the row grows it becomes obvious that the button is middle aligned instead of top aligned.  I must be missing something really obvious here but it's been driving me crazy.

[Maya]

Hello Kjell,

The most probable reason for not respecting the VerticalAlignment setting may be that the content of the cell may have some predefined size that does not allow you to apply a new value. So, what you can do is to create a new style in the Resource of the grid targeting the GridViewCell and set it for the CellStyle of that certain column. 
For example:

<UserControl.Resources>
    <Style x:Key="MyCellStyle" TargetType="telerik:GridViewCell">
        <Setter Property="VerticalAlignment" Value="Top" />
    </Style>
</UserControl.Resources>

<telerik:GridViewColumn CellStyle="{StaticResource MyCellStyle}" >

    <telerik:GridViewColumn.CellTemplate>

        <DataTemplate>

            <telerik:RadButton Content="Delete" 
                         Command="telerik:RadGridViewCommands.Delete"                                      CommandParameter="{Binding}"                                   HorizontalAlignment="Center"   />

        </DataTemplate>

    </telerik:GridViewColumn.CellTemplate>

</telerik:GridViewColumn>

 
Sincerely yours,
Maya
the Telerik team