Postbacks in .net webforms

[spideywebdesign]

It may be that someone has a fix for this already, if so I apologise, I've not managed to find it as yet..

Like with all of these javascript dialogues, on creation, the dialogue is appended to the body tag. While great for everything else, this means it breaks postbacks if you have .net webforms controls inside the dialogue. I have tried tweaking the master file to appendTo('form') instead of body, but this causes it to break. Similarly, I tried re-appending the dialogue to the form on the beforeLoad and afterLoad events, however, both resulted it it being unable to return the content.

Is there an easy workaround for this, or would it be able to add a property so you can choose to append to a different tag such as the form if you're unfortunate enough to be working on a webforms project?

[fancyapps]

Latest source code (https://github.com/fancyapps/fancyBox/zipball/master) has a new option "parent" created specially for .net developers, you can use like -

$(".fancybox").fancybox({
    parent : $('form:first')
});

[spideywebdesign]

Wow, thanks for the speedy response!

Couldn't find it in the docs, maybe I just managed to miss it?

Anyway, works like a charm now, great stuff.

[fancyapps]

That`s not yet documented as it was included just recently

[cramirezoliveros]

parent: doesn´t work for me...

[johanna7]

I solved this problem by editing the .js file of the fancybox. Hope that this issue will be solved in next versions.

I will explain where you have to modify using the file
jquery.fancybox.js
of version 2.1.3

Go to line 1713, which looks like
this.overlay = $('').appendTo( 'body' );
This is in the section on Overlay helpers, more specific in the "create" public method.

Change this line to look like
this.overlay = $('').appendTo(F.coming.parent || 'body' );

For me, which I choose to add it in the form:first, this added a scroll bar to the overlay lightbox. You then need to change the CSS class .fancybox-overlay to have the attribute overflaw-y: hidden.

If you want to use the minified version
jquery.fancybox.pack.js
you can just pack/minify the long version from above.
Or just modify their packed version by
searching for the code

and instead of adding the code
F.coming.parent ||
add something like
b.coming.parent ||

Please note:
Write the value for the parent option as given in the current fancybox documentation
http://fancyapps.com/fancybox/#docs

$(".fancybox").fancybox({
parent: "form:first" // jQuery selector
});

Do not use a syntax like I found on other sites
#283
where they write $('form:first')

So any of your above codes should work fine.

Hope this helps.

[epavlov]

For some reason adding parent:"form:first" not working. But replacing appendTo('body') with appendTo('form:first') everywhere in jquery.fancybox.js does the trick for now. Hope it helps.