Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Shadowbox script not resizing??

Posted on 2011-03-25
5
Medium Priority
?
618 Views
Last Modified: 2013-11-19
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

0
Comment
Question by:ftg-web
5 Comments
 
LVL 18

Accepted Solution

by:
Mark Gilbert earned 2000 total points
ID: 35302875
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

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

885 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question