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

RadDatePicker on ModalPopupExtender

5 Answers 201 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Michael Fleming
Top achievements
Rank 1
Michael Fleming asked on 28 May 2008, 11:13 PM
hi,
I have a ajax modalpopupextender on one of my asp.net pages. This modal has fields and one of them is raddatepicker. My problem is that on modalpopup when i click on the button to see the calendar, calendar would go out of modalpopup and would be disabled. since background is greyed out, i thought if i increase the height of modal popup, the calendar would be selectable. but when i did that, on clicking of datepicker button, nothing happened.
has anyone got a solution?

Thanks!

5 Answers, 1 is accepted

Sort by
0
Missing User
answered on 29 May 2008, 08:33 AM
Hi Michael,

You have to change the z-index of the Calendar control. Please find attached a sample web application that demonstrates the needed approach.

Sincerely yours,
Plamen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Michael Fleming
Top achievements
Rank 1
answered on 29 May 2008, 10:41 PM
that worked out for me.

thanks!
0
Joseph Alfano
Top achievements
Rank 1
answered on 13 May 2009, 04:35 PM
Hi Plamen,

I am working on a probject where I have the exact same problem, but only on Chrome and Firefox.  I observe the same behaviour in your sample project.  When I run the sample project you provided using IE 6, it works fine.  However, when I run it in Chrome 1.0.254 or FireFox 3.0.8, the pop-up calender window always appears BEHIND the modal dialog panel.

I have tried the suggestions suggested in the various threads in this forum that deal with this issue, including setting the z-index of the modally-displayed panel to less than 5000, and increasing the z-index of the RadDatePicker control and the Calendar control.  I have set the various z-indexes using javascript (as in your sample project), in-line css, and external css.  The result is always the same - it works great in IE6, but does not work in Chrome or FireFox.

I am using RadDatePicker v 2.2.4.0 for .Net.

I would greatly appreciate any suggestions you might have.  Thanks so much for your help.

Joe
0
Pavel
Telerik team
answered on 14 May 2009, 08:09 AM
Hi Joe,

I have updated the sample sent by my colleague previously, to work in Chrome and Firefox as well. Try it and let me know if you encounter any problems with it.

Greetings,
Pavel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Joseph Alfano
Top achievements
Rank 1
answered on 26 May 2009, 02:46 PM
Hi Pavel,

I tested your solution and it worked great!  Thanks for all of your help with this.

Joe
Tags
Calendar
Asked by
Michael Fleming
Top achievements
Rank 1
Answers by
Missing User
Michael Fleming
Top achievements
Rank 1
Joseph Alfano
Top achievements
Rank 1
Pavel
Telerik team
Share this question
or