Styling problem with GridViewCheckBoxColumn

[Wolfgang Weilguny]

Hello telerik,

i am using within a RadGridView in Win8Touch Theme a GridViewCheckBoxColumn with Binding to a Boolean.

Technically everything works fine.

But there seems to be a design bug.

If a checkbox has the focus, the design of the checkbox is displayed properly. If it doesn't have the focus, the checkbox seems to be cut off.

Here a simplified code snippet

<telerik:RadGridView HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ItemsSource="{Binding Path=UserRights.UserRights}" telerik:StyleManager.Theme="Windows8Touch" ShowGroupPanel="False" AutoGenerateColumns="False" >
   <telerik:RadGridView.Columns>
      <telerik:GridViewCheckBoxColumn DataMemberBinding="{Binding IsRightGranted}" IsReadOnly="False" Width="60" UniqueName="Right.IsGranted" IsFilterable="False" AutoSelectOnEdit="True" EditTriggers="CellClick" />
   </telerik:RadGridView.Columns>
</telerik:RadGridView>

I have also attached a screenshot displaying this style problem.

Thank you for your help.

Mike

[Dilyan Traykov]

Hello Wolfgang,

The difference in appearance comes from the fact that when not in focus, the element displayed for the GridViewCheckBoxColumn is a GridViewCheckBox, while when you enter edit mode, the GridViewEditorPresenter holds an ordinary CheckBox. This modification has been made due to performance reasons, but luckily, you can easily style the GridViewCheckBox control to mimic the appearance of the default MS CheckBox. You can read more on the topic in our Styling GridViewCheckBoxColumn article.

I'm attaching a sample project to demonstrate this. Feel free to further modify the extracted style to your liking.

Do let me know if you have any further questions or concerns.

Regards,
Dilyan Traykov
Telerik