RadDatePicker render issue on IE11

3 posts, 0 answers
  1. Rajkumar
    Rajkumar avatar
    2 posts
    Member since:
    Apr 2013

    Posted 28 Apr 2014 Link to this post

    Hi,

    We are using the Telerik 2013.1.417.40 version and use the RadDatePicker and timer all over the site, which renders fine on all the browser except on IE11.
    On all the browsers it uses the inline style "display:inline-block" and take the default width of "100px". We did not specify any width for the control and any css class.

    <telerik:RadDatePicker ID="DatePickerStart"  runat="server" Calendar-ClientEvents-OnDateClick="DateSelected" 
                                    DateInput-ClientEvents-OnValueChanged="DateChanged"  >
           <DatePopupButton></DatePopupButton>
           </telerik:RadDatePicker>
           &nbsp;&nbsp;&nbsp;&nbsp;
           <telerik:RadTimePicker runat="server" id="TimePickerStart" TimeView-OnClientTimeSelected="TimeSelected" ></telerik:RadTimePicker>
                                
    The above code renders the Date picker textbox and time picker text box on the same line for all the browsers. But on IE11 both the boxes taking more than 100pixels width and the time picker box renders on next line. When i looked at it on IE11 developer tools, datepicker div renders with inline style "display : inline", for other browsers it comes as "inline-block". Even i gave the custom css class for the RadDatePicker and Timercontrols to specify the "display" property. But Telerik control renders the Inline display property.  


    Is there any fix for IE11 render issue? Please find the attached image for the how it renders it on chrome and IE11.









  2. Galin
    Admin
    Galin avatar
    526 posts

    Posted 30 Apr 2014 Link to this post

    Hello Rajkumar,

    Thank you for contacting us.

    This version released before the IE11 and there are some problems with this browser version. However I suggest you to upgrade or use the following CSS workaround:
    ._Telerik_IE9 .RadPicker {
        display: inline-block !important;
    }

    Please do not hesitate to contact us if other question or problem arise.

    Regards,
    Galin
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rajkumar
    Rajkumar avatar
    2 posts
    Member since:
    Apr 2013

    Posted 30 Apr 2014 in reply to Galin Link to this post

    Hi,

    Thanks for your response.

    .RadPicker {    display: inline-block !important;}

    It worked for me.

    Raj
Back to Top