AJAX ModalPopup Pops Behind (Under) Page Content (Negative z-index)

Posted by Aaron Hoffman on Stack Overflow See other posts from Stack Overflow or by Aaron Hoffman
Published on 2010-05-10T19:45:42Z Indexed on 2010/05/10 20:04 UTC
Read the original article Hit count: 368

Filed under:

ajaxcontroltoolkit

|

modalpopupextender

I am having an issue with the AJAX ModalPopupExtender in version 40412 of the AJAX Control Toolkit (http://ajaxcontroltoolkit.codeplex.com/releases/view/43475).

The first time the ModalPopup is made visible it works correctly. The z-index is set to 6001 (and the background Div's z-index is set to 6000) and the Popup appears above everything else. If the cancel button within the ModalPopup is clicked, it also has the correct functionality, the display is set to "none" and the ModalPopup is no longer visible.

However, when the Popup is triggered again, the z-index is only set to 2000 which is still visible above everything else, but if it is canceled and triggered again it is set to -2000 which is not visible (the z-index is decreasing by 4000 each time).

I'm not sure why this is happening. Any ideas how to fix it?

Special circumstances:

There are multiple ModalPopup's on the page.
All ModalPopups are triggered in code-behind through partial-page postbacks (using the .Show() method)
ModalPopupExtenders are within the same UpdatePanels that are displayed as popups

© Stack Overflow or respective owner

Related posts about ajaxcontroltoolkit

AjaxControlToolkit: HtmlEditor Textarea not showing in Chrome/Safari

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I am using the HtmlEditor Control included in the AjaxControlToolkit (patched version v62210 because I needed some of the included fixes). Unfortunately the textarea in the Html Editor control is never displayed in Chrome and Safari (both latest version). It doesn't matter if there is text… >>> More
Trouble switching to the beta ajaxcontroltoolkit

as seen on Stack Overflow - Search for 'Stack Overflow'
I wanted to switch to the beta version to see if it fixes a problem I have been having, so I downloaded it and put two dll files into my bin folder. I deleted the old references to these files in visual studio, and re-added them. When I run my program I get an error: Microsoft JScript runtime error:… >>> More
ASP .NET, Javascript, AjaxControlToolkit - get results with Selenium??

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm a newbie to web stuff. However, I wish to scrape some data from multiple websites. I'm currently using the following technologies: Selenium; Python; and BeautifulSoup; I believe the site I am trying to scrape is using a combination of ASP.NET, javascript and the AjaxControlToolkit. I believe… >>> More
two different version of AjaxControlToolkit in same web application

as seen on Stack Overflow - Search for 'Stack Overflow'
I have two different version of AjaxControlToolkit dll and I have added reference of both dll in my web application. I also set up control tagprefix in web.config. Now one of the page is using 1.0 version and I want to use 3.0 version in another page. I am getting following error. "The server… >>> More
July 2013 Release of the Ajax Control Toolkit

as seen on Stephen Walter - Search for 'Stephen Walter'
I’m super excited to announce the July 2013 release of the Ajax Control Toolkit. You can download the new version of the Ajax Control Toolkit from CodePlex (http://ajaxControlToolkit.CodePlex.com) or install the Ajax Control Toolkit from NuGet: With this release, we have completely rewritten the… >>> More

Related posts about modalpopupextender

Gridview inside a ModalPopUpExtender causes ModalPopUpExtender to close

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a gridview inside a ModalPopUpExtender, the grid view have the button add delete and edit when i clic one of the button of the gridview the popup is closed. I wont to close the popup when the close button is clicked. This is the asp.net part: < cc1: ModalPopupExtender ID="NamePopup" runat="server"… >>> More
Use ModalPopupExtender without having to set TargetControlID?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'd like to use a modalpopupextender in my asp.net page to show a sub form. But it only has to show on specific conditions. Those conditions are determined in a piece of javascript code. So, most importantly, the modal popup doesn't have to show on a button click. However, if I leave the property… >>> More
How to show a WebUserControl into a ModalPopupExtender?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, Today I'm experimenting with the AJAX Control Toolkit controls, specifically with the ModalPopUpExtender control. Accomplishing basic tasks is really easy with this control but then came an idea... What if I wanted to dynamically load a WebUserControl into a ModalPopUp? can this be done… >>> More
Why does a ModalPopupExtender fail when using SSL?

as seen on Stack Overflow - Search for 'Stack Overflow'
I have created a modal popup using the ModalPopupExtender in Microsoft's AJAX 1.0 for .NET 2.0. It works great when the page doesn't isn't being accessed through SSL (http://) however the link to close the popup fails to fire if accessing the page through https://. Is the ModalPopupExtender at blame… >>> More
resize ModalPopupExtender

as seen on Stack Overflow - Search for 'Stack Overflow'
after showing the ModalPopupExtender, there are two radio buttons that are displayed as part of the popup. When you select the second radio button, I display more information in a gridview control. When the ModalPopupExtender first displays, I have it set at 40% for width and height for the panel… >>> More