Z-index problem in a control in a Panel using ModalPopupExtender
-
Background: We are using .NET 2.0 with the MS Ajax Extensions and the Ajax Toolkit. I'm using the Ajax ModalPopupExtender extender control to create modal popups on a page. I am using a custom datepicker control that uses javascript to pop up a calendar, and populates the textbox with the date selected. Problem: It seems that Javascript gets confused with the z-index of the popup. When used on a non-ajax popup panel, it works flawlessly. But, when it is placed on a modal popup panel, the javascript popup calendar is shown behind the modal form. Since the main form and the panel that is controlled by the modal popup are essentially the same form, the control cannot distinguish that its z-index should be set differently. Failures: I've tried moving the panel to the beginning of the page. I've tried setting the z-index of the page to a high number I've tried setting the z-index of the panel to 0 and 1 I've rechecked the code to verify it is not setting the z-index internally. Any help on finding a solution to this problem would be greatly appreciated.
-
Background: We are using .NET 2.0 with the MS Ajax Extensions and the Ajax Toolkit. I'm using the Ajax ModalPopupExtender extender control to create modal popups on a page. I am using a custom datepicker control that uses javascript to pop up a calendar, and populates the textbox with the date selected. Problem: It seems that Javascript gets confused with the z-index of the popup. When used on a non-ajax popup panel, it works flawlessly. But, when it is placed on a modal popup panel, the javascript popup calendar is shown behind the modal form. Since the main form and the panel that is controlled by the modal popup are essentially the same form, the control cannot distinguish that its z-index should be set differently. Failures: I've tried moving the panel to the beginning of the page. I've tried setting the z-index of the page to a high number I've tried setting the z-index of the panel to 0 and 1 I've rechecked the code to verify it is not setting the z-index internally. Any help on finding a solution to this problem would be greatly appreciated.
try to put an iframe under your custom calendar.