GridClientSelectColumn

[Sanoj]

Is it possible to hide the (de)select-all checkbox in the radgrid header and place a generic checkbox with similar functionality outside the radgrid?

[Shinu]

Hi Sanoj,

Here is the CSS for hiding the checkbox in header for the GridClientSelectColumn.

CSS:

    <style type="text/css">
        .RadGrid_Default .rgCheck
        {
            display: none !important;
        }
    </style>

Try the following code for equivalent functionality using checkbox.

aspx:

 <asp:CheckBox ID="CheckBox2" runat="server" onclick="selectAll(this);" />

javascript:

<script type="text/javascript">
    function selectAll(checkbox) {
        var masterTable = $find("<%=RadGrid1.ClientID%>").get_masterTableView();
        if (!checkbox.checked) {
            masterTable.clearSelectedItems();
        }
        else {
            masterTable.selectAllItems();
        }
    }
</script>

-Shinu.

[monte]

Thanks for the post, this was incredibly helpful and exactly what our business owners requested.  I did notice that the CSS removed the checkbox but the background for the checkbox header area reverted to gray (instead of white for the other column headers) and also didn't reserve the space it normally occupied causing the other headers to shift to the left.  I modified the CSS slightly to correct for this:

.RadGrid_Default .rgCheck input
{
    visibility: hidden !important;
}