I am using Telerik ver 2012.1.411.35. On a UI i have a RadDatePicker and a RadTimePicker. When I open the RadTimePicker's popup and then open RadDatePicker's popup, bot remain open.
To demonstrate I have created a fresh web app in VS and added both the controls on the UI. Please see the attachment. Is this a known behavior?
Thanks
Rohit
8 Answers, 1 is accepted
Rank 1
I could replicate the issue. Try the following code snippet to overcome the issue.
JS:
<script type="text/javascript"> function OnPopupOpening(sender,args) { var item = $find("<%=RadTimePicker1.ClientID %>"); if (item.isTimePopupVisible()) { item.hideTimePopup(); } }</script>Thanks,
Princy.
Rank 1
Yes that one is the most obvious workaround for the issue. Could Telerik also provide a fix in the future?
Thanks
Rohit Kamble
This issue does not happen on our online demos here:
http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/accessibility/defaultcs.aspx
However programmatic it is possible to open both the calendar and the time view, therefore this is not a bug and we will not change the behaviour.
All the best,
Vasil
the Telerik team
Rank 1
The demo in the link uses a RadDateTimePicker instead of a RadDatePicker. This issue only occurs with RadDatePicker. In my example i just have added the markup as shown in the attachment.
Thanks
Rohit Kamble
By design the RadTimePicker inherits RadDateTimePicker. And RadDateTimePicker inherits RadDatePicker.
The RadDatePicker has some function that finds all popups and hide them. RadTimePicker has the same function for the TimeViews and the inherited one for the Calendars. So when clicking the RadTimePicker it can find both types of view and close them. However the DatePicker does not know about the TimeView popups, and can not find them or close them.
Never the less, TimeViews are available on client only when you have RadTimePicker (Or just an TimeView) on the page. So the logic for hiding TimeViews on clicking RadDatePicker's button can no be embedded into the picker, because it will not work when there is no time view on the page.
So in popup opening of the date picker you can use the flowing code to hide all time popups.
for (var timePopupId in Telerik.Web.UI.RadDateTimePicker.TimePopupInstances){ if (Telerik.Web.UI.RadDateTimePicker.TimePopupInstances.hasOwnProperty(timePopupId)) { Telerik.Web.UI.RadDateTimePicker.TimePopupInstances[timePopupId].Hide(); }}All the best,
Vasil
the Telerik team
Rank 1
- Go to http://demos.telerik.com/aspnet-ajax/calendar/examples/datepicker/custompopup/defaultcs.aspx
- click on the text-box
- punch in a date , any date like 01/01/2006 and hit tab
- the pop-up gets updated
- tab-off again, and still there ...
I am using asp:panel to dynamically populate telerik controls for my report parameters ( FYI - it is not a telerik report, un-fortunately) in my user control - .ascx.cs file.
I tab-off, from the popup-control (per this terminology) and it still stays, and I can see the cursor " | " only, the next radTextbox seems to be behind the curtain of the popup-control.
Kindly, suggest a work-around...
Thanks,
-Aarsh
Rank 1
dtPicker.ShowPopupOnFocus = false;seems to be serving my purpose on the demo as well as my dynamically being crated control in asp:panel of my .net user control.
Thanks,
-Aarsh
Rank 1
Hi Vasil, I have a different issues for RadDatePicker calendar control. I am trying to make the calendar popup control to be keyboard accessible by adding attributes: EnableKeyboardNavigation="true". Tabbing to the calendar and hitting spacebar or Enter key open up the calendar popup. This works well in navigating inside the popup calendar but if you don't change the existing date in the popup calendar and you hit spacebar or Enter key, the popup doesn't close or no window event was happening. It will close only if you change the date. I want the popup calendar to close even without updating the existing date.
Please help...I can't find a solutions from the internet....thanks.