[Solved] GridViewSelectColumn checkbox alignment

[devster]

Using version Q2.

Hello,

What's the easiest way to change the alignment of the checkbox in a GridViewSelectColumn (eg Center)

The TextAlignment has no influence.

Thanks.

[Milan]

Hello dev,

Currently there is not automatic way to do that but you can easily do something like that:

<telerikGrid:RadGridView Name="playersGrid" SelectionMode="Extended"
                         AutoGenerateColumns="True">
    <telerikGrid:RadGridView.Columns>
        <telerikGrid:GridViewSelectColumn Width="200">
            <telerikGrid:GridViewSelectColumn.Header>
                    <CheckBox HorizontalAlignment="Center" Click="CheckBox_Click" />
            </telerikGrid:GridViewSelectColumn.Header>
        </telerikGrid:GridViewSelectColumn>
    </telerikGrid:RadGridView.Columns>
</telerikGrid:RadGridView>

private void CheckBox_Click(object sender, RoutedEventArgs e)
{
    var checkBox = (CheckBox)sender;
    var parentGrid = checkBox.ParentOfType<GridViewDataControl>();

    if (checkBox.IsChecked.Value)
        parentGrid.SelectAll();
    else
        parentGrid.UnselectAll();
}

If you would like the checkboxes of all cells to have the same alignment you can create a simple cell style and use the CellStyle property of the GridViewSelectColumn:

<Style x:Key="CenteredContentCellStyle" TargetType="gridView:GridViewCell">
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
</Style>

Hope this helps.

All the best,
Milan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.