RadDateTimePicker Date Border Display Bug

4 posts, 1 answers
  1. George
    George avatar
    73 posts
    Member since:
    Oct 2014

    Posted 10 Aug Link to this post

    I have several RadDateTimePicker controls that all have a problem when showing the Date.  The calendar shadow border is put up over the date control giving an ugly line. RadDatePicker controls work fine.

    This is the HTML used to create the DateTIme control.

    <telerik:RadDateTimePicker ID="PickDate" runat="server"  Width="350px">
          <ClientEvents  OnDateSelected="SetDatePickRadio"/>
          <Calendar runat="server" ShowRowHeaders="false"></Calendar>
    </telerik:RadDateTimePicker>

    The Calendar ShowRowHeader=false is to remove the week numbers that clients were complaining about. It has nothing to do with the problem.

    The attached png file show the Date control up and the TIme control up. You can see the line in the Date comes from Time control.  I have the latest ASP.NET AJAX.

    Any suggestions would be appreciated, I believe it is a Telerik RadDateTimePicker bug.

    George

     

     

  2. Answer
    Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 15 Aug Link to this post

    Hello,

    I tested the described behaviour in the online demo below but was not bale to replicate the issue:
    http://demos.telerik.com/aspnet-ajax/datetimepicker/overview/defaultcs.aspx?skin=MetroTouch

    If you are using several piker controls on the page please make sure that their RenderMode is the same for all components.

    Regards,
    Maria Ilieva
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. George
    George avatar
    73 posts
    Member since:
    Oct 2014

    Posted 17 Aug in reply to Maria Ilieva Link to this post

    I had another RadTimePicker which a RenderMode="Lightweight".  Changing them both to the same or none fixed the problem.  

    As a developer, I would consider it a RadDateTimePIcker without the RenderMode followed by a TimePicker with a different RenderMode rendering improperly to be a bug.

    Your suggestion has solved my problem, although piker controls did confuse me.

  5. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 22 Aug Link to this post

    Hi,

    In general the default RenderMode for the RadControls is Lightweight and in case you need to have properly working components all components from one group should have the same RenderMode. Ass the picker controls share common CSS classes the same mode should be selected for all picker controls on the entire page. Otherwise, the pickers' layout will be damaged due to confusion over the multiple CSS classes on the page.

    Regards,
    Maria Ilieva
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top