How can I see where the interactions are defined?

nachocab · January 7, 2020, 10:53am

I’m trying to understand how the expand interactions are defined in this example:

https://preview.webflow.com/preview/flexbox?preview=78f49011ac3db6ccea265c2ba8a94185&m=1

I can’t find the element that has an interaction trigger. Are they defined in JS? If so, how can I access them?

Wolfi_del_Toro · January 7, 2020, 11:31am

Hey Nachocab,

you can see it when you click on the fourth layer on the right side, then turn on “Legacy Interactions” - no JS needed - see screenshot below:

Hope that helps.

nachocab · January 7, 2020, 11:41am

Thanks, that helps. Is there a way to do the opposite? I mean, to see which elements have an existing interaction. Say I want to find out how the “feeling playful” interaction is done. How can I access it? When I click the circle, I get sent to another website.

Wolfi_del_Toro · January 7, 2020, 12:23pm

It’s the interaction sticker pop - see the screenshot.

Hope that helps, if you have troubles with clicking, just use the navigator on the left for navigating through the elements.

nachocab · January 7, 2020, 12:30pm

Got it. For some reason the sticker label was appearing on the top left corner on top of the webflow logo and I couldn’t see it.