Solved

Shadowbox script not resizing??

Posted on 2011-03-25
5
605 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 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
multiple selects 23 49
Need HTML output in powershell line by line 3 30
output of netstat -r in Powersshell HTML 3 30
Programming Language for Wordpress 7 43
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remaiā€¦
The viewer will learn how to dynamically set the form action using jQuery.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

808 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