Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

IND Interactive Buttons: Animation vs Show/Hide

Engaged ,
Nov 13, 2018 Nov 13, 2018

First, thanks for reading!

TL/DR: Can I not completely disable a button AND have it animated?

I am working to setup a simple button interaction for testing but have run into a weird question. For aesthetic reasons, I have chosen to create fade-in animations on various elements of my page. For example, I have a simple button that, when clicked, reveals an information panel. The same on-release event triggers that button to reverse animation (fade-out). To help clarify, here's the linear sequence of events:

  1. BTN_pReveal animation (fade-in) on page load.
  2. User clicks BTN_pReveal.
  3. infoPanel animation (fade-in) on release.
  4. BTN_pReveal reverse animation (fade-out) on release.

Everything looks great; however, the BTN_pReveal is still active even though it is technically invisible after it completes the triggered reverse animation sequence. Simply, I can click the button though I cannot see it.

It seems as though the only option to completely disable this button is to use the Show/Hide Buttons and Forms action under the Buttons and Forms Panel. Doing so negates the animation though. Can I not completely disable a button AND have it animated? Seems to me that fade-out should automatically disable the instance, but that is not the case. Please ,please tell me that I've missed something obvious!

Thanks in advance for any help you may be able to provide.

- noel.

*edited for crazy typos.*

466
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 13, 2018 Nov 13, 2018

WhIch format is the final output to be?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Nov 13, 2018 Nov 13, 2018

EPUB, ideally.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Nov 14, 2018 Nov 14, 2018
LATEST

To add some new information (and a quick bump), I've found that using any animation that pulls the button from off stage/working area also moves the button off stage when reversed. For now, I am using a Fly In From animation on all of my navigation. Then I'm making sure to adjust the animation motion spline to start well out of frame.

So in the example in the OP, when I apply an action to reverse the animation of my buttons, they are literally being moved back out of frame and are no longer clickable within the screen. This is a work around, but annoying because I would rather use the simpler Fade In animations, keeping buttons where they are designed to be.

I would very much like to create an action sequence with more control such as reverse animation, then disable the button. There are options for both, but not to be used together in sequence. Also, it would be interesting to have the "hide until animated" or "hide until triggered" options actually be reserved as part of the animation sequence. Sadly, that didn't work either.

This is not an answer, so I'm still hoping to hear from others with such experience.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines