This is a migrated thread and some comments may be shown as answers.

RadDatePicker IE8 Rendering Issue

2 Answers 167 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
robertw102
Top achievements
Rank 1
robertw102 asked on 03 Apr 2009, 07:42 PM
I've noticed a rendering issue with the RadDatePicker control when viewed in IE8. It seems the date input portion of the control stretches to fit the entire width of the screen or its parent element, even if a width is set on it.

I don't see the problem when I look at your demo pages when I view them in IE8, but when I create a test page with just a RadDatePicker control on it, I see the problem occur.

Below is the test page I used:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
<head runat="server"
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server"
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"
        </telerik:RadScriptManager> 
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server"
        </telerik:RadStyleSheetManager> 
        <telerik:RadDatePicker ID="dpTest" runat="server" Width="150px"
        </telerik:RadDatePicker> 
        <div> 
            <telerik:RadDatePicker ID="RadDatePicker1" runat="server"
            </telerik:RadDatePicker> 
        </div> 
    </form> 
</body> 
</html> 
 

The control works correctly in the other browsers and IE7, but only IE8 is giving me this problem. If you could try this out and tell me if you experience it as well.

Thanks.

2 Answers, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 03 Apr 2009, 10:55 PM

I had the same issue, for a quick fix whilst we look to find a workaround you can add the following meta tag to your page which causes IE8 to render the page in IE7 mode.

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

Richard

0
Sebastian
Telerik team
answered on 06 Apr 2009, 08:15 AM
Hello guys,

The issue with the RadDatePicker width and IE 8 should be addressed in the latest version 2009.1.402 (Q1 2009 SP1) of the control. Please migrate to it following the steps from here and let me know how it goes.

Best regards,
Sebastian
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.
Tags
Calendar
Asked by
robertw102
Top achievements
Rank 1
Answers by
Richard
Top achievements
Rank 1
Sebastian
Telerik team
Share this question
or