RadScheduler distorted in IE8 with compatibility mode

[Bermo]

Hi,

I added a tag inside the head of my page. 

<meta http-equiv="X-UA-Compatible" content="IE=8" />

and when im using IE8 with compatibiliy mode, the RadScheduler is not displayed properly.
(Page Menu-> Compatibility View Settings-> Checked Display all website in Compatibility View)

Thanks,
Bermo

[Paul]

Hi Bermo,

I'm afraid we are not able to reproduce the issue locally. Could you please check if you are using the latest version of the control?

Thanks,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Bermo]

Hi Paul,

Im using the latest version. RadControls_for_ASP.NET_AJAX_2009_2_826_trial

I also tried it using the telerik sample solution.
i edited the HeadTag.ascx under the Common folder and added the tag.

<meta http-equiv="X-UA-Compatible" content="IE=8" />

 (C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q2 2009\Live Demos\Common\HeadTag.ascx)
see the attached image headtagascx.jpg

and i tested the page DefaultCS.aspx in Scheduler/BindToList sample.
(C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q2 2009\Live Demos\Scheduler\Examples\BindToList\DefaultCS.aspx)
see the attached image bindtolisthtml.jpg

Thanks,
Bermo

[Paul]

Hello Bermo,

Thanks for the details. Actually, this is not a particular problem with the Telerik control; this issue is more related to the IE8 modes madness. Please refer to the following articles for further details on the matter.

http://farukat.es/journal/2009/05/245-ie8-and-the-x-ua-compatible-situation
http://acidmartin.wordpress.com/2009/03/21/using-the-ie8-x-ua-compatibility-meta-tag/

Best wishes,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Yasith]

Please use the below styles to your style sheet. It works for me.

.rsContentTable
{
    width: 100%;
}

.rsHorizontalHeaderTable{
    width:100%;
}