Problem with GridClientSelectColumn in combination with RadFormDecorator

[Marja]

I have a RadGrid with a GridClientSelectColumn.

When I put a RadFormDecorator on the page with DecoratedControls="all", the checkboxes in the GridClientSelectColumn do not get checked when clicked upon, nor when simply clicking the row itself.
As soon as I remove the RadFormDecorator from the page, the checkboxes in the GridClientSelectColumn in the RadGrid work as expected.

I would really like to use the RadFormDecorator, so what can I do about this issue with the checkboxes in the GridClientSelectColumn?

Best regards, Marja

[Princy]

Hi Marja,

I tried a sample with RadFormDecorator and GridClientSelectColumn and it works fine at my end. Can you try adding ControlsToSkip="CheckBoxes".

ASPX:

<telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All"
 ControlsToSkip="CheckBoxes" />

Thanks,
Princy

[Marja]

Yes, it works when I exclude checkboxes from RadFormDecorator. But is that the only way to prevent this issue?

[Princy]

Hi Marja,

I was not able to replicate the issue, the checkbox was checked when using RadFormDecorator, DecoratedControls="All". Below is the sample i tried, please try it and if this doesn't help, provide your full code snippet with the version you are using.

ASPX:

<telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" />
<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" DataSourceID="SqlDataSource1" AllowPaging="true">
    <MasterTableView DataKeyNames="OrderID">
        <Columns>
            <telerik:GridClientSelectColumn UniqueName="GridClientSelectColumn"/>
            <telerik:GridBoundColumn UniqueName="OrderID" DataField="OrderID" HeaderText="OrderID"/>
            <telerik:GridBoundColumn DataField="ShipCity" HeaderText="ShipCity" UniqueName="ShipCity" />
        </Columns>
    </MasterTableView>
    <ClientSettings Selecting-AllowRowSelect="true">
    </ClientSettings>
</telerik:RadGrid>

Thanks,
Princy

[Denis]

I confirm the issue, it appears only in IE 11.
Setting ControlsToSkip='CheckBoxes' solves the problem, but I have to use RadFormDecorator on the page.
Seems like there's something with the styles.
- Grid rows seems to be selected;
- Checkboxes property 'checked' is set to 'true' (or 'checked'). But checkboxes looks like they're unchecked.

[Viktor Tachev]

Hello,

There is a known issue related to GridClientSelectColumn and RadFormDecorator. Our developers will provide a fix as soon as possible. You could check the status of the bug in our feedback portal here. You could also vote for it to increase its priority.

As a temporary solution I would suggest setting the ControlsToSkip property of RadFormDecorator to "CheckBoxes":

<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="All" ControlsToSkip="CheckBoxes" />

Regards,
Viktor Tachev
Telerik

[Denis]

Disabling FormDecorator is not an option, but there's another workaround: select rows on the server. Need to add following code to OnItemDataBound event handler of target RadGrid:

        protected void RadGrid1_OnItemDataBound(object sender, GridItemEventArgs e)
        {
            if (e.Item is GridHeaderItem)
            {
                var h = e.Item as GridHeaderItem;
                var cb = (CheckBox)h["GridClientSelectColumn"].Controls[0];
                cb.AutoPostBack = true;
            }

This cause the postback when user clicks on the header's checkbox. When rows are selected on the server side the checkboxes are displaying correctly.

[Viktor Tachev]

Hello,

Thank you for sharing this workaround with the community. I hope that our developers will provide a fix for the issue soon.


Regards,
Viktor Tachev
Telerik