Modal Popup Extender

jenbuh · July 15th, 2009, 12:45 PM

Hello,

I have a modal popup extender on my page that gets information about users. However when I open this, anything that is not contained in the .ascx page with the mpe is still visible ABOVE the mpe AND is still enabled (meaning I can still type in the text boxes). The main, parent page is grayed out but the text boxes are not.

Help?

Thanks in advance.

adeepak · July 16th, 2009, 12:20 AM

Hi,

Let me first explain how the modal popup extender works â

The modal popup extender has 2 main components:
1. Foreground Element or Popup Element â This is the element that you set as the âPopupControlIDâ
2. Background Element â This is a âdivâ element that is dynamically created by the modal popup extender

The modal popup extender appends the background element (as a child) to the immediate parent containing the foreground element. It then prevents user interactions on the background by setting the background elementâs z-index to very high value (10000) and then sets the foreground elementâs z-index to 10000 + 1. However, do note that the z-index only applies within the parent, so this will only prevent user interactions within the parent element. In order for this to work well, the element that you use for the âPopupControlIDâ should be a direct child of the document object (i.e. directly under â<body>â tag), which is probably not the case in your implementation.

Thanks
Deepak.A

jenbuh · July 16th, 2009, 09:40 AM

You're right, it's not a direct child of the document object. In fact, the only place where I have a <body> tag is in my masterpage.

What do you reccomend I do? Is it not possible to have a modal popup from a web user control? Or can I create a panel with the same name?

Also, I noticed that if I put the placeholder that loads the control at the bottom of my page, it works perfectly. However, I need it at the top. I assume it grays out everything above it because it goes in order of what is loaded. Any ideas?

jenbuh · July 16th, 2009, 10:44 AM

I've figured it out.

On my aspx page I had several panels that separated different categories of information the user typed in. The modal popup was used in one of these and therefore wasn't disabling anything outside of that panel.

If i got rid of the panel that the modal popup was in and made one panel that encompasses everything, it works.

adeepak · July 16th, 2009, 02:14 PM

Cool :-). The other option would have been to use a global popup container ("div" element) and dynamically add your content to the popup container prior to calling the PopupExtender.show() (the PopupControlID would be the popup container). Ofcourse, the assumption here is that you use client-side code to show your popup.

tharms1729 · July 27th, 2009, 07:04 PM

adeepak,

You solved my problem. If I could mark as answer I would.

Bahut shukriya, bhai!