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
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
Rank 2
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.
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