ASP.NET AJAX Control Toolkit

Re: Bug in ModalPopup? (vertical scrollbar)

mga911 — Sat, 04 Jul 2009 16:56:54 GMT

What part isn't working?

Did you make the changes? Did it compile?

Re: Bug in ModalPopup? (vertical scrollbar)

flohaas — Sat, 04 Jul 2009 05:29:31 GMT

HI mga911

it is not working...

wht to do...

Re: Bug in ModalPopup? (vertical scrollbar)

mga911 — Fri, 27 Feb 2009 00:02:58 GMT

I may have a cleaner solution than executing javascript when the Modal pops. I was able to remove the horizontal bar completely but the vertical toolbar still pops up while the modal. Removing the horizontal bar makes it look much better....

I downloaded the source code for the Ajax Toolkit v1.0.20229 (since I'm on .Net v2.0 still) and simply changed the two lines that set the x and y coordinates of the background. As stated earlier on IE6 those two lines would set the x and y coordinates of the modal background at 2,2 so I simply changed it to 0,0. It is pretty easy once you know where it is.

The lines are located in ModalPopupBehavior.js at 575 and at 583:

I changed 575 from:

this._backgroundElement.style.left = (-backgroundXCoord) + 'px';

to:

this._backgroundElement.style.left = 0 + 'px';

and 583 from:

this._backgroundElement.style.top = (-backgroundYCoord) + 'px';

to:

this._backgroundElement.style.top = 0 + 'px';

Then I recompiled a release version and copied the Ajax Control Toolkit DLL to my project.

Re: Bug in ModalPopup? (vertical scrollbar)

quitchat — Thu, 22 May 2008 02:01:15 GMT

This work around woks like a champ!

Thanks Andy!

Re: Bug in ModalPopup? (vertical scrollbar)

richardneverett — Tue, 13 May 2008 16:20:25 GMT

I have run into this same problem on IE6. Unfortunately I have about ten ModalPopups...am wondering if a more generic approach is possible that will fix the issue for all of my ModalPopups.

Re: Bug in ModalPopup? (vertical scrollbar)

pranilrao — Wed, 30 Apr 2008 16:43:53 GMT

For all those, who are still not able to figure out, this is a ajaxcontroltoolkit version related issue (atleast from my research I conclude). I was using 1.0.11119.0 till now and facing the same problem.

Now I changed to 1.0.10301.0 and it works fine.

Hope this helps,

Pranil

Re: Bug in ModalPopup? (vertical scrollbar)

pranilrao — Tue, 29 Apr 2008 14:23:26 GMT

On further investigation I have come to the conclusion, that this is a machine related issue or probably IDE related.

We tried the exact same thing from my colleagues machine and it worked fine there, also we deployed the version on her machine to the test server, and it works fine there too!

however, when I deploy from my machine, it starts behaving in the same weird way!!!

this really is a crazy issue..!!

Re: Bug in ModalPopup? (vertical scrollbar)

pranilrao — Mon, 28 Apr 2008 22:39:24 GMT

I am facing similar problem with modalpopupextender. I tried to access the popup_backgroundElement in javascript both before and after calling the popup.show() method, however I am not able to access this element.

The difference in the issue is that I am doing show() from server side code, since I have to get some data from the database and load an usercontrol.

Any comments to resolve this will be appreciated.

Thanks,

Pranil

Please Mark as "Answer" if this helps you.

Re: Bug in ModalPopup? (vertical scrollbar)

Piper Douglas — Fri, 11 Apr 2008 19:27:15 GMT

I may have a workaround solution. After searching through the 11 (!) JavaScript files that ASP.Net includes with the ASP.Net AJAX Control Toolkit, I found out what was going on. There is a div that's dynamically created on the page called "AJAXPopup_backgroundElement" (where AJAXPopup is the name of the behavior that you've assigned in your ModalPopupExtender tag). That div is what offers the modal behavior - it sits at a zIndex of 10000 and has a height and width that fills the entire screen. In IE 6, this div was being positioned at left:2px and top:2px, but its height and width were the FULL size of the screen, hence the need for the scrollbars.

So, in my JavaScript code, just before $find("AJAXPopup").show(), I added the following code, and it seems to take care of the problem:

    var background = document.getElementById("AJAXPopup_backgroundElement");
    if (background != null) {
        background.style.left = "0";
        background.style.top = "0";
    }

I hope this helps!

Regards,
Andy Douglas

Re: Bug in ModalPopup? (vertical scrollbar)

waheed — Thu, 27 Mar 2008 11:43:38 GMT

has any one got the answer to this question?

is it really a bug in the modal popup code?

any plans to fix???

Re: Bug in ModalPopup? (vertical scrollbar)

party42 — Tue, 22 May 2007 07:24:51 GMT

I have the same issues as described above. It tends to happen when I load the modal extender from a master page and try to size it using css:

.modalbackground
{
    background-color: #000;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.modalpopup
{
    background-color: #fff;
    border: 1px solid #1E2C58;
    padding: 5px;
    height: 275px;
    width: 500px;
}

When I remove the height & width attributes the popup doesn't create scrollbars (but its really tiny so thats not really an option...).

Re: Bug in ModalPopup? (vertical scrollbar)

alik — Sat, 05 May 2007 20:03:58 GMT

Hi,

I have (maybe) the same issue as described above. I use ModulPopupExtender to show a div which should fits inside the browser Windows (which is actually less than 1024x768). When the popup dialog is shown, the vertical scrollbar appears. I have investigated the issue using the IE Developer Toolbar in MSIE 7 RTM and have seen the following:
* The original popup dialog div is enclosed in a new div, which is probably dynamicaly created by the Toolkit.
* After the new div from the previous point there is one more new div, which does the issue. If the dialog has not been shown yet, the height and width is zero. However, after showing the dialog, it's width is set to slightly more than the browser window width. Also, the height is more then necessary.
* After scrolling the browser window, the height and/or width parameter of the div is incremented. This mean that after scrolling to the right and left enough (or up and down) I can get really high height and/or width value set to that div.

PS: The background page is shorter than the popup dialog, if this information is useful.

Thanks for investigating this issue.

Re: Bug in ModalPopup? (vertical scrollbar)

leodippolito — Thu, 15 Mar 2007 22:13:24 GMT

Now I cannot reproduce the modal popup working fine (when the browser starts with a little scrollbar).

Well, that's definitely confusing...

Re: Bug in ModalPopup? (vertical scrollbar)

Jason Hill — Thu, 15 Mar 2007 22:13:24 GMT

Weird. I moved the panel pnl into the <td> within the <tr id="header"> and I don't get a scroll bar at any resolution now in IE7.

Re: Bug in ModalPopup? (vertical scrollbar)

leodippolito — Thu, 15 Mar 2007 22:03:53 GMT

LSU, I understand what you mean.

If the browser starts with a tiny scrollbar (in other words, starts with the browser contents 1% higher than the browser available size), than the ModalPopup displays fine.

But if the browser starts without a vertical scrollbar, than we have the problem (when the modal popup is displayed, it adds the extra vertical space and scrollbar, as described).

I wouldn't say it's a browser bug... I don't know, it looks like a Toolkit bug.

This is not a new page. I was using an older version (that was released together with the RC version of AJAX), and the modal popup was working perfectly.

Then I upgraded to Ajax RTM and latest Toolkit... and the problem started to happen.