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

RadDateTimePicker Date Border Display Bug

3 Answers 127 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
George
Top achievements
Rank 2
George asked on 10 Aug 2016, 08:52 PM

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  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

 

 

3 Answers, 1 is accepted

Sort by
0
Accepted
Maria Ilieva
Telerik team
answered on 15 Aug 2016, 03:09 PM
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.
0
George
Top achievements
Rank 2
answered on 17 Aug 2016, 09:07 PM

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 controls did confuse me.

0
Maria Ilieva
Telerik team
answered on 22 Aug 2016, 12:01 PM
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.
Tags
Calendar
Asked by
George
Top achievements
Rank 2
Answers by
Maria Ilieva
Telerik team
George
Top achievements
Rank 2
Share this question
or