XUpload - How to fix modal overlay that's not covering entire page

Message
Author
jeffshead
Posts: 18
Joined: Apr 21, 2009 3:26 pm

How to fix modal overlay that's not covering entire page

#1 Postby jeffshead » Oct 06, 2009 4:35 pm

As the image below indicates, the modal overlay only covers the part of the page that is visible when you start the upload.

Image

If the upload form is embed in an existing web page that's tall enough for scroll bars... The user can scroll down the page and click on any of the links that are not covered by the overlay.

I'm sure it's a simple fix, but I can't seem to find one that works with XUpload's JavaScript and CSS.

I recently upgraded from 3.0 to fix the IFrame problem and now this occurs. I e-mailed Alexey a week ago but I have not received a response.

Does anyone on here know how to fix this issue?

User avatar
PilgrimX182
Posts: 2186
Joined: Mar 22, 2006 1:39 pm

#2 Postby PilgrimX182 » Oct 07, 2009 7:14 am

Make sure that

Code: Select all

<script src="xupload.js" type="text/javascript"></script>
is right above

Code: Select all

</BODY>

jeffshead
Posts: 18
Joined: Apr 21, 2009 3:26 pm

#3 Postby jeffshead » Oct 14, 2009 3:11 pm

I moved the JavaScript call so it is just above the body tag, but the overlay still does not cover the entire page.

Image

Even less of the page is covered by the overlay when multiple files/input boxes are used.

How can this be fixed?

User avatar
PilgrimX182
Posts: 2186
Joined: Mar 22, 2006 1:39 pm

#4 Postby PilgrimX182 » Oct 16, 2009 8:49 am

Fixed this. Use new xupload.js: http://www.sibsoft.net/xupload.js

jeffshead
Posts: 18
Joined: Apr 21, 2009 3:26 pm

#5 Postby jeffshead » Oct 16, 2009 11:19 am

Thanks Pilgrim!

Seems to be working fine.