This question is locked. New answers and comments are not allowed.
I have a jquery Modal dialog box in which i have some form fields, one of which is using the Telerik Calendar popup, When clicking the popup it displays but it displays behind the modal box. Also if the modal box is moved the popup stays static.
Has anyone experienced this? bug with the calendar? I'm going to move to the JQuery UI calendar control to see if I can resolve the problem.
Version using 2010.1.416
EDIT: Sorry wrong forum, should be in datepicker. I saw another post about changing zIndex in telerik.datepicker.js for the animationContainer.css
Setting the value to 2000 allows the calendar to pop up ontop of the modal.
There is still an issue whereby the popup does not follow the modal box if it is moved around. So the element position needs to update.
Has anyone experienced this? bug with the calendar? I'm going to move to the JQuery UI calendar control to see if I can resolve the problem.
Version using 2010.1.416
EDIT: Sorry wrong forum, should be in datepicker. I saw another post about changing zIndex in telerik.datepicker.js for the animationContainer.css
Setting the value to 2000 allows the calendar to pop up ontop of the modal.
There is still an issue whereby the popup does not follow the modal box if it is moved around. So the element position needs to update.
4 Answers, 1 is accepted
0
Jafin
Top achievements
Rank 2
Rank 2
answered on 30 Apr 2010, 02:32 AM
Just to follow up.
jquery UI Calendar does not exhibit the same problem. The popup calendar works correctly in the modal dialog.
jquery UI Calendar does not exhibit the same problem. The popup calendar works correctly in the modal dialog.
0
Hello Jafin,
After simple test I was able to observe the aforementioned behavior of the datepicker put into jQuery Dialog. I am glad to inform you that datepicker now behaves correctly in jQuery Dialog.
For your convenience I have attached the latest internal build.
Also to be more clear, the applied modification will be included in the future releases of Telerik Components for ASP.NET MVC.
Regards,
Georgi Krustev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
After simple test I was able to observe the aforementioned behavior of the datepicker put into jQuery Dialog. I am glad to inform you that datepicker now behaves correctly in jQuery Dialog.
For your convenience I have attached the latest internal build.
Also to be more clear, the applied modification will be included in the future releases of Telerik Components for ASP.NET MVC.
Regards,
Georgi Krustev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Greg Lynne
Top achievements
Rank 1
Rank 1
answered on 16 Jun 2010, 03:09 AM
I am running Build 2010.1.518.235 and I still experience the same issue that was been identified here. That is the popup calendar is behind the modal dialog.
0
Hello Andrew Brown,
This is a known issue and I am glad to inform you that it is already fixed. It will be included in the next official release of the Telerik Component for ASP.NET MVC. For the time being you can resolve the issue wiring the open event of the datepicker and setting zIndex of the opened calendar. Here is a code snippet showing how to achieve this:
[ASPX]:
[Javascript]:
All the best,
Georgi Krustev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
This is a known issue and I am glad to inform you that it is already fixed. It will be included in the next official release of the Telerik Component for ASP.NET MVC. For the time being you can resolve the issue wiring the open event of the datepicker and setting zIndex of the opened calendar. Here is a code snippet showing how to achieve this:
[ASPX]:
<%= Html.Telerik().DatePicker() .Name("Datepicker1") .ClientEvents( events => events.OnOpen("onOpen"))%>[Javascript]:
function onOpen() { $(this).data('tDatePicker').$calendar().css('zIndex', 10000); }All the best,
Georgi Krustev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.