I’m trying to setup a show/hide animation for a form on the home page.
The trigger is a click/tap on a symbol (email-btn) and the animation is show/hide on a container (email-form-container). Every time I get to the animation timeline from the symbol and try to select the form container the interaction panel switches to the container’s interaction panel.
I’ve been stuck on this rookie problem for some time now and can’t find the resources to solve it
What have I missed ?
Thank you
Notes :
I am able to select a different element to animate when I try to create this animation with a parent of the form (container)
There is already an animation setup, I’ve tried to create a new trigger/animation all together but this doesn’t fix my issue
Thank you @garymichael1313, The Email button (see attached picture) is the trigger. All of this is on the home page and I will duplicate it to other pages when i fix this issue !
Hi, I was going through the same issue here and even though unlinking the button solves the problem you wont be able to use the same animation in the other instances/pages where that specific symbol is used.
Another way to do it is by creating the animation first and then convert the entire component into a symbol and re-use it as need it. Hope it’s helpful.
I figured out what I think is the correct way to solve this. It’s mentioned in the post I pasted below.
In the symbol, where you’re creating the animation’s actions, set:
Affect: Class
Class: Whatever the class name of the thing you want to animate