fancybox dynamic resizing

[will.m]

Hello, what would be the easiest way to change the width and height of the fancybox-content and fancybox-wrap div tags in a lightbox? What I have is a fancybox that is used to login but offers a link to register the user if they have not already done so. The registration is wider and taller than the login and needs to replace the login form, so how would one go about dynamically resizing these divs so that scrollbars are not displayed with the registration? Thanks in advance.

[Pablo]

Did you try the suggestion from the help?

Code: Select all

width: 350,
height: 250,

Note that each lightbox script has its own set of options. So, this only works for FancyBox

[BaconFries]

Lightbox-->Fancybox-->Settings Add the size you wish
Example:

Code: Select all

width : 500,
height : 500

Also see the following:
http://fancybox.net/api

[will.m]

Yes, thanks Pablo, I needed to state that first. The login form is sized properly using the width and height settings - no problem there. But the problem is that the same settings change (with different dimensions) doesn't seem to work within the lightbox. So maybe I need to close the current lightbox before trying to open a new one in its place?

I should also mention that I have used Inspect to alter the fancybox-wrap and fancybox-content width and height attributes to achieve what I am looking to do here.

[will.m]

EUREKA - I think I found a bug/enhancement in the displaylightbox function. Notice the "parent." prefix.

Code: Select all

function displaylightbox(url, options)
{
   options.padding = 0;
   options.autoScale = true;
   options.href = url;
   options.type = 'iframe';
   parent.$.fancybox(options);
}

[Pablo]

Why do you need the "parent." prefix?
It has always work without this code.

[will.m]

Maybe I haven't been clear, apologies. Try popping up a page in a lightbox and then, through a button on that same page, popping up a larger page within that lightbox.

[Pablo]

I don't think this is possible. You can only set the initial size.

[will.m]

It does work when I prepend the parent. Works exactly as I wanted.

[Pablo]

I'm sorry, I am not familiar with this prefix.