RadGrid selected row style lost in IE9

3 posts, 0 answers
  1. Alan
    Alan avatar
    6 posts
    Member since:
    Jul 2010

    Posted 20 Dec 2011 Link to this post

    Hello,
       We have recently started testing our web application that uses RadControls for ASP.NET Ajax, version 2011.2.915.35, in IE9.  In one of our pages, we have a RadGrid scenario with row selection enabled. The user can select a row and move it up/down through server-side logic. When the server-side operation completes, we are aiming to keep the moved row selected, so we mark it as selected. This works fine in all browsers except IE9, where the selected row does not show as selected anymore after postback, even if it seems to preserve its selected row style:
    <tr class="rgRow rgSelectedRow" id="grdChecklistItems_ctl00_ctl06_Detail10__0:0_2">

    .RadGrid_Office2007 .rgSelectedRow {
      background: url("/WebResource.axd?d=8HlVixFI-spNm-i_LFPasnVS_PojK2TSIabUxEYpUsHu5V57kdDAVYkjLodU_glW8AsQ5_hjFOFKnXEPtCIPa3WhlhM761rRfCedIlI8jhRSX9aSuc9w_zw1S9OGOkzz6r1EQIaZIJYmuoGaFYFFHdz17Lk1&t=634516086000000000") repeat-x scroll 0 -3900px #FFCB60;
    }  

    Are you aware of this kind of problems in IE9 and do you know what could fix it?
     
    Thank you.
  2. Milena
    Admin
    Milena avatar
    256 posts

    Posted 22 Dec 2011 Link to this post

    Hello Alan,

    I tried to reproduce the issue on our online examples for client-side and server-side selection and it seems that everything works as expected. Could you, please upgrade the RadControls to the newest version and verify if the problem still exists?


    Kind regards,
    Milena
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. Alan
    Alan avatar
    6 posts
    Member since:
    Jul 2010

    Posted 22 Dec 2011 Link to this post

    Hello Milena,
     We have found the problem to be a few styles that we had set to have different background colours for items in the master and the detail tables respectively: 
    .rgMasterTable .rgRow, .rgMasterTable .rgAltRow
            {
                background: #d7e6f7;
            }
            .rgDetailTable .rgRow, .rgDetailTable .rgAltRow
            {
                background: #fff;
            }
    Removing these styles fixed the issue. Instead, we are now using ItemStyle-BackColor to specify the background colour of the items in the grid and that seems to work fine.
        Thank you for your time,
    Alan.
Back to Top