Scrolling and Compatibility Mode in vs. 2012.1.215.40

[James Daresta]

I am experiencing an issue with the RadGrid in compatibility mode set to IE 7 withing IE 9 after upgrading my project to version 2012.1.215.40. In a grid with NumericTextBoxes the textboxes seem to float outside the grid. In non-compatibility mode this does not occur. Taking one of the online demos I am able to reproduce when I set the client AllowScroll to true in the grid.

<ClientSettings Resizing-AllowColumnResize="false" EnableRowHoverStyle="false">
    <Scrolling AllowScroll="True" ScrollHeight="200px"
    UseStaticHeaders="True" />
</ClientSettings>

Again it happens in compatibility mode. I would move away from compatibility, but I have users that still have not upgraded yet. The demo code I used can be found at http://www.telerik.com/community/code-library/aspnet-ajax/general/refresh-footer-values-in-radgrid-client-side-using-radnumerictextbox.aspx. I had to upgrade it to the newest version. Thanks.

[Andrey]

Hi,

You could try to use this CSS class:

.rgDataDiv
{
  position: relative;
}

and check whether the issue is resolved.

Greetings,
Andrey
the Telerik team

[James Daresta]

Where should I put this in relation to my page? My own css file? Master Page? etc?

[Shinu]

Hello James,

If you are using an external CSS, you can refer the style sheet in the content page as shown below.
aspx:

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
 <link href="Styles/RadGridStyle.css" rel="stylesheet" type="text/css" />
</asp:Content>

Another approach is you can directly mention the CSS in the style tag.
CSS:

<style type="text/css">
  .rgDataDiv
  {
    position: relative;
  }
</style>

Thanks,
Shinu.