RadTimePicker's popup does not close when RadDatePicker's popup is opened in UI for ASP.NET AJAX General Discussions

heyrohit

10 posts

Member since:
Feb 2010

Posted 30 May 2012 Link to this post

Hello,

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

RadDate-RadTime.png

Princy

17421 posts

Member since:
Mar 2007

Posted 30 May 2012 Link to this post

Hi,

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.

heyrohit

10 posts

Member since:
Feb 2010

Posted 30 May 2012 Link to this post

Thanks Princy,

Yes that one is the most obvious workaround for the issue. Could Telerik also provide a fix in the future?

Thanks
Rohit Kamble

Vasil

Admin

1640 posts

Posted 31 May 2012 Link to this post

Hi 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

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

heyrohit

10 posts

Member since:
Feb 2010

Posted 31 May 2012 Link to this post

Hi Vasil,

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

Markup.png

Vasil

Admin

1640 posts

Posted 04 Jun 2012 Link to this post

Hello 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();

}

And note that this code will work only when there is TimeView in your page, if not you will get an error that "Telerik.Web.UI.RadDateTimePicker" is undefined.

All the best,
Vasil
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Aarsh

192 posts

Member since:
Jun 2012

Posted 22 Jan 2013 Link to this post

[ First of all sorry for nacroposting but ] I am still able to re-produce this for the scenario below :

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

Aarsh

192 posts

Member since:
Jun 2012

Posted 22 Jan 2013 Link to this post

for now,

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

German

6 posts

Member since:
Apr 2017

Posted 11 May 2018 in reply to Vasil Link to this post

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.