Shadowbox script not resizing??

Hi Folks,

I have an issue with my shadowbox script, it displays just fine but I am trying to use it for my callback script/form and am trying to get the background to resize to the same size but it won't and so my callback form is on a big white background. I followed the usage options on the shadowbox-js.com website but have still not managed to get it right?!

I have included the various file in the <head> section of the page. Please see the code I have attached. I have not modified the css file or .js file as provided in the shadowbox script.

Is there anyone that can help?!


<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
	skipsetup: true
});

window.onload = function() {

    // set up all anchor elements with a "callback" class to work with Shadowbox
    Shadowbox.setup("a.callbackform", {
        height: 410,
		width: 410
    });

};
</script>

Open in new window

ftg-webAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Mark GilbertConnect With a Mentor Senior Performance EngineerCommented:
Hi, A background can't really be resized. While you can resize windows (if they are not maximized), and while the body tags may be a block style they don't necessarily resize so I'm confused as to what you need to do.

Perhaps if your form was to be loaded via a popup window without scroll bars, and in a non-maximized state then the width and height would be predefined for the popup action, but then you could also send a resize to the window to resize it.

I hope this helps.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.