Solved

Shadowbox script not resizing??

Posted on 2011-03-25
5
596 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:
ingwa earned 500 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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

705 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now