angular-ui-tour icon indicating copy to clipboard operation
angular-ui-tour copied to clipboard

Published 20 hours ago • verified publisher icon benmarch

Help on fade in/out animation

Open balazsnemeth opened this issue 8 years ago • 3 comments

I am using the exact versions of the following:

  • Browser: Chome Version: 61.0
  • AngularJS: 1.6.1
  • Bootstrap: "3.3",
  • Angular Bootstrap: 2.5
  • Angular UI Tour: 0.9.0

I have installed this library via: Bower

I have observed the following behavior: I cannot apply fading animation on the popovers. Checked the demo page, but it seems it has a different template for positioning popovers and perform "fade.in" using bootstrap animation. I cannot see any class changes when the popovers appearing in v0.9.0 (only style="visible: visible" and the transition is changed).

What are my optionality to apply fade in/out animations? I have animate.css and bootstrap.css included. I have the depricated ui-tour-animate="true" added.

balazsnemeth avatar Sep 25 '17 16:09 balazsnemeth

Hey @balazsnemeth, I'll have to get back to you. I'm not sure if there is a way to do that easily with CSS or if I'll have to add something.

benmarch avatar Sep 25 '17 17:09 benmarch

So right now all the animations are turned off in v0.9.0, right? Or should be a way to make the "default" fading working just I cannot find it?

balazsnemeth avatar Sep 25 '17 18:09 balazsnemeth

I think the animations broke when I removed Angular UI Bootstrap. I don't plan on implementing animations again, but I can certainly add hooks if necessary.

benmarch avatar Sep 25 '17 18:09 benmarch