width of raddatepicker issue in IE

[Jiju]

Hi,

I have telerik rad datepicker  in my page, I have set width to this controls, and when using telerik version 2009, it works fine, I have changed telerik version to Q1 2012 and now when rendering page in IE (8.0) it shows width less than the width specified, but when focusing on this controls, the width change to the specified width. In other browsers it rendering correctly,
How can i solve this issue.
The attached images shows the details
the first image (image1) is when page loads and the second image (image2) is when focused on the control.

thanks in advance
Jiju

[Milena]

Hello Jiju,

Could you please upgrade to the latest internal build and test your page again. If the problem still exists, it would be helpful to send RadDatePicker configuration in order to investigate the issue, because currently we are not able to replicate it on our side.

Greetings,
Milena
the Telerik team

[Jiju]

Hi,
I am using sharepoint 2010, and telerik's latest version - Q1 2012 (2012.1.215.35). In normal aspx page it works fine for both IE8 and 9.
But for a site page, in IE 8.0.7601, when rendering page, the datepicker showing as shown in first image and when focusing on control it expands to correct width. In IE 9.000000, the width expands to the page width when rendering.
it works fine for IE 8.0.7600, and in all other browsers.
when using telerik Q3 2009, there was no such issue.
the attached images shows this issue for the following code

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="PlaceHolderMain" >
<telerik:RadDateTimePicker ID="rdDateTime" runat="server" MinDate="06/01/2010" Width="200px">
</telerik:RadDateTimePicker>
</asp:Content>

thanks in advance
Jiju

[Milena]

Hello,

I have succeeded in reproducing the issue in IE8 Compatibility View with Document Mode: IE8 Standards. SharePoint forces the same  browser and document mode and this is the reason to observe the unwanted behavior there. However, I forwarded the issue to our developers and they will try to fix it for our next stable version SP1, which will be in the middle of April. Meantime you can use the following workaround:

<style type="text/css">
             @media \0screen
     {
         .riSingle .riTextBox
         {
             width: 100% !important;
         }
     }

 </style>

 
I hope this helps.

All the best,
Milena
the Telerik team

[Angie]

I'm running into this same problem as well on the 2012 Q2 SP1 version.  Where do I apply the style sheet fix you mentioned in the previous post?

[Angie]

Never mind, I found it!  Any ideas when a permanent fix is planned?

[Milena]

Hello,

The fix is a part of our latest official release 2012 Q2 SP1.

Kind regards,
Milena
the Telerik team

[Angie]

Begging your pardon, but they might want to check again.  I am running on that service pack and still have the issue.  It was only resolved by adding the style sheet change.

[Galin]

Hello Angie,

I am sorry for the misunderstanding of my colleague Milena. The fix will be including in the next SP2, which will be released in the beginning of September. In the meantime, please use the provided workaround.

Thank you for the cooperation.

All the best,
Galin
the Telerik team

[Shawn]

I am using the 2012 Q3 version and still had to fix the issue with the above css fix.  Telerik.Web.UI.dll version 2012.3.1016.35

[Galin]

Hello Shawn,

Could you send a sample markup to replicate the issue, which you are facing?

Greetings,
Galin
the Telerik team