Modal Popup Extender positioning

Hi

I have a div that centralises the webpage in the browser, this is relative and then I have absolute positioning of graphics inside this, etc.

Problem I have is when adding the ModalPopupExtender, it goes pearshaped, the popup is top left and the modal background is underneath the div container, I have positioned the Extender in various places and sometimes its behind other div's etc...

Whatever I do it wont appear on top, any ideas?

Thanks

R

Have you tried setting the z-index of the modal popupextender TargetControlID (Panel)? set the z-index to 1000 and it should show some difference.

Let me know what happens.

Modal UpdateProgress

Has anyone already developed one of these?

I've got it to work with just an image being centered in the window but I'd like to use a div or iframe to fade the rest of the page.

a div didn't work in IE and the iframe didn't work at all (either firefox or IE).

I have this and its working for me.

<atlas:UpdateProgressID="UpdateProgress1"runat="server"><ProgressTemplate><tablestyle="position:absolute; width:100%; height:100%; z-index:100; background-color:Transparent;"><tr><tdalign="center"><divstyle="width:300px; height:200px;"class="internal"><br/><br/><br/><br/><br/><br/><imgalt=""src="Images/indicator.gif"/> Processing...</div></td></tr></table></ProgressTemplate></atlas:UpdateProgress>

It works in IE and also in FF.

Hope this helps!

Check this one out:

http://www.codeproject.com/useritems/ModalUpdateProgress.asp

Ricardo, I am using yourUpdateProgress code sample for a modal update progress, it is simple and it works well.

Now I want to know how can I have a 'Cancel' button that just stops the request? You see the 'abortButton' seems to reload the orginal request. How could I create my own button for this?

Cheers,
Peter Meadwww.petermeadit.net

Wow,

This is the post that just keeps on giving.

More than a year after you posted this you have solved my problem.

Thanks Ricardo.

Mark

ModalPopup : how to cover the whole browser (ie all divs) ?

Hi all,

I have a page with 3 divs : the top div for the menu (navigation), the left div for a thin decoration and the main central div for the content itself.

When I click on one of the items of my repeater, the modalpopup shows up but thegray background only covers the main central div, not the other 2.

Please check the attached screenshot.

My question is : is there a way for mygray background to cover the whole browser ie all my divs ?

thank you

I am also experiencing the same problem. Anyone?

Let me know if you find a solution.

I have done limited testing, however, I was able to fix the problem by modifying the ModalPopupBehavior.js file:

I commented out the appendChild and replaced it with the code block around line number 75 of the script

 //this._foregroundElement.parentNode.appendChild(this._backgroundElement); if (document.forms != null && document.forms.length > 0) { document.forms[0].appendChild(this._backgroundElement); document.forms[0].appendChild(this._foregroundElement); this._foregroundElement.style.zIndex = 10001; }

Here's some background on the issue:http://forums.asp.net/ShowPost.aspx?PostID=1357977

Perhaps you can help me!

I've been looking this issue for quite a bit now. I am using the latest march release of the toolkit now (with my mods). I have changed the initialize to perform the following:

 //this._foregroundElement.parentNode.appendChild(this._backgroundElement); if (document.forms != null && document.forms.length > 0) { document.forms[0].appendChild(this._backgroundElement); document.forms[0].appendChild(this._foregroundElement); this._foregroundElement.style.zIndex = 10001; } else this._foregroundElement.parentNode.appendChild(this._backgroundElement);

All was working fine for me, until I nested a popup within a popop, now I am getting the following error:Sys.InvalidOperationException: Two components with the same id '{0}' can't be added to the application.

I tried a number a variations to the above with no success. I am now playing with the dispose method. Should I give up on this? or continue on the track I am on.

HELP!

Ok, day two of trying to solve my problem. In addition to work item 8360, I wrote a function that zero's out the zIndexes on the show of the modal and resets them when the modal hides. Again, all seemed fine, until I tried to pop a modal from a modal. Is there a global array that will give me the list of all the registered popups? If so I can exclude them from my logic.

I also had to use a property runtimeStyle that is specific to MS IE. We'll have to find a work around for that.

Any help would be appreciated!!!

http://forums.asp.net/1631945/ShowThread.aspx#1631945