hi all,
is it possible to smoothly fadein a jquery modal dialog? (can't find anything in the docs). i've tried fadeTo but didnt help.
thanks in advance
+3
A:
You can use the show option (admittedly not well named, too general), like this:
$("#dialog").dialog({ show: 'fade' });
The close animation is the matching hide option, for example:
$("#dialog").dialog({ show: 'fade', hide: 'drop' });
Nick Craver
2010-08-08 11:02:07
works in your demo but not with me :/need to figure out what's wrong - thanks anyway!
Fuxi
2010-08-08 11:12:22
@Fuxi - Which version of jQuery UI are you using? `fade` was added as an effect in 1.8, won't work in prior versions.
Nick Craver
2010-08-08 11:13:18
yep i had an old version - just updated jquery to 1.42 and ui to 1.84 - still same problem :/works nice when using: me.dialog("open");but not with: me.dialog({ show: 'fade' });when using fade simply nothing will happen..
Fuxi
2010-08-08 11:41:14
@Fuxi - Any errors in your console? Keep in mind that my answer is about the *setup*, not the open call. For instance, if you have `autoOpen: false` you still need to call `.dialog('open')`, and the `show` option should be in your setup options, for example: `.dialog({ autoOpen: false, show: 'fade' })` then later `.dialog('open')`.
Nick Craver
2010-08-08 11:44:03
thx - that was the problem :) i put it in the options, it shows up - but now next problem: it's not fading in but folding in! the dialog is also plain white (no header bar, no content)
Fuxi
2010-08-08 11:58:42
@Fuxi - very odd, do you have a link to a page I can see the behavior in?
Nick Craver
2010-08-08 12:00:26