[SOLVED] Can't fade-out a form or UserPopup with animation

Answered
0
0

 

I can fade in a form or userpopup, but I can’t seem to fade out.  As far as I can tell, “fadeIn” is a built in animation, but “fadeOut” isn’t.

Here are my sources calling the popup, and the source of the popup itself.

You can see I try fading out in 2 ways — one as a callback of the popup.ShowPopup method, and one from the popup’s “Close” code.

Thanks for any help you can provide.

 

 

A sample is attached.

  1. Click Show Popup
  2. Close Popup
  3. Bug: Fade-out animation does not run
  • Andrew
    I’ve managed to make it work several ways, but it fades out and then always shows “one last time” (fully visible) for a half second before disappearing.
  • You must to post comments
Best Answer
0
0

You can’t control the browser animation from the server. The animation extension is designed to add animation properties to controls. In the sample it’s created on Windows1 and used on a UserPopup. Do this:

  • Drop the Animation component on the UserPopup twice
  • In the designer you will find two Animation properties.
  • Set one to event=”appear” and name =”fadeIn”
  • Set the other to event=”disappear” and name=”fadeOut”

Wisej takes care of the rest on the client side in the browser.

However, the “disappear” animation will still not work for a UserPopup 🙂 because in order to show the panel as a popup it has to be wrapped in a popup container which is the one “disappearing” first so the inner UserPoup is already gone when the animation kicks in.

Will log the issue and send you a fixed sample once the Animation fix is in.

 

  • Andrew
    Thank you so much! It looks slick when we can fade a popup both in and out.
  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.