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

[Solved] Inside Flyout

4 Answers 181 Views
DatePicker for HTML
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Heinrich
Top achievements
Rank 1
Heinrich asked on 04 Dec 2013, 05:46 AM
Hi,

I am trying to use the Datepicker inside a flyout. But as soos as a click on the datepicker the flyout disappears.
Any ideas on how to keep the flyout open while is select the date?

Thank you

4 Answers, 1 is accepted

Sort by
0
Martin Yankov
Telerik team
answered on 04 Dec 2013, 12:59 PM
Hi Heinrich,

Thank you for your feedback. I have logged this as a possible bug and we will investigate it further.

Possible workarounds for this problem can be to set the displayMode property value to "inline" and use the control in inline mode. If this does not work for you, you can set the Flyout's _sticky private property value to true. This forces the Flyout control to never close once it is shown. It also means that you will have to close the Flyout control programmatically yourself with custom logic. 

As a token of gratitude I have updated your Telerik Points with 500.

I hope this information was useful.

Regards,
Martin Yankov
Telerik

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Artur
Top achievements
Rank 2
answered on 13 Mar 2014, 12:58 PM
Are there any new information on this bug, as I also would like to use the raddatepicker inside a flyout?
0
Martin Yankov
Telerik team
answered on 14 Mar 2014, 03:10 PM
Hi Artur,

I have contacted the developers and the bug has not been addressed yet. However, your interest is noted and the bug priority has been raised. I will write you back once there is more information on the issue.

Regards,
Martin Yankov
Telerik
 

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

 
0
Simon
Telerik team
answered on 28 Apr 2014, 02:08 PM
Hello,

Please find attached a JavaScript patch that you can include in your page.

<script src="/js/radpickerflyoutfix.js"></script>

Additionally you will need to set "overflow: visible" to the flyout element, otherwise the patch would be useless. The reason for this is that the flyout's overflow property is hidden by default, so the selector that the patch repositions will be trimmed and not entirely visible when opened.

<div id="flyout" data-win-control="WinJS.UI.Flyout" style="overflow: visible">

We fixed the problem in our code base too, but the overflow style is a must in either case (patch or a fixed version).

Please let us know if you have additional questions.

Regards,
Simon
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
DatePicker for HTML
Asked by
Heinrich
Top achievements
Rank 1
Answers by
Martin Yankov
Telerik team
Artur
Top achievements
Rank 2
Simon
Telerik team
Share this question
or