Can't select an other element to animate in designer (symbol / container)

Hello community

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

Here is my public share link: https://preview.webflow.com/preview/epicurien?preview=95bd89dcebf84841b0f4cb87b3d138a4

Here is the published website : http://epicurien.webflow.io/

Here is a short screen capture (select interaction-problem.mov) : http://www.eliastouil.com/webflow-community/

Okay which button is the trigger?
Is all this on the homepage?

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 !

SOLVED
I unlinked the button from the symbol to solve this problem

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.

1 Like

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

A little confusing but hope this helps.

2 Likes

Great idea but you can not “select” the element for creating an animation interaction when it is out side of the symbol.