IX2.0 - Where is "affect other element" for toggles and such?

[NewInBoston]

Hi!

IX 2.0 is awesome. I sold a small re-design so this dropped at the perfect time. I’m really loving the ease of use, along with real-time visual preview.

My question is, what is the best way to imitate the legacy option of “affect different element”, where if (for instance ) you were to create a button out of a div that toggles a show/hide state of another div, you would select “affect different element”. I’ve looked everywhere in the new Ix 2.0 options and can’t find it. I refuse to flick the legacy switch, haha. Must…not…cheat…

Thanks!

[Waldo]

Hi @NewInBoston great question! It’s actually much easier now with Action lists.

Check out our new courses: https://university.webflow.com/courses/interactions-and-animations-course

Basically select and element to create a click interaction on, then once you get through to the Action list panel you select other elements and create interactions around what happens (it’s covered in detail in the new courses). Hope that this helps!

[matt50]

Hi @waldo, using the method you describe is there any way to select elements that are not visible/selectable in the designer?

Another post with same question:

Interactions 2.0: navigator support

Hello there! I start to use interactions 2.0 of Webflow, I liked the way you add animation and the elements in the timeline having a great advantage over legacy interactions. One of the problems found was select elements using the navigator of Webflow. I only can select the visible elements of the page. Other thing I notice also is you can’t use them in symbols. Well, the rest I can say is the interactions 2.0 is a great improvement indeed. Thanks and congratulations! Regards,

[NewInBoston]

Awesome, thanks for that those videos helped me out. Makes perfect sense now…I hadn’t realized that once entering an animation setting with the timeline, that you visually select the target element to affect.

Works really well. And to answer the question above me about selecting hidden elements, I use the animation timeline to select them. Whatever event you click on in the timeline, if you hit the + button to add a new event it will add a new event for the element linked to the event you clicked on. That was how I was able to add a “show” (block) even after setting it to hide on initial.

[system]

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.