Skip to main content
Solved

Not able to add additional interactions of similar type to an interactive component

  • April 4, 2025
  • 1 reply
  • 52 views

maskar

Hi, 

I am having issues using interactions on instances of components with their own interactions. Two concrete cases:

Case 1:

  1. I have a button component with on-hover interaction.
  2. I create an instance of this button into a form step and make this form step a component.
    1. I add an on click interaction (or mouse up) that is going to set a variable, when the button is clicked
  3. I add an instance of the form. I can still see the on-clik interction for setting the variable. I add a second on-clik (or mouse up) interaction to change to a new frame, as I want it to smart animate between the two frames. The on-hover from the button component works as intended tough.

Expected outcome is that clicking on the button now will both set the variable and change frame. However, it dosen’t work. Depending on what combo of on-click and mouse up interaction I use, the instance interaction overwrites the component, and it only do the frame change or nothing works.

Case 2:

  1. I have a toggle component with on-hover and on-click (to toggle it on and off)
  2. I add an insance of the toggle and now I also want something else to happen on click. Either I want a set variable interaction or a change to interaction. 

Expected outcome is that I am able to check and uncheck the buton while also being able to add specifick click interactions for each instance. To keep everything nice and clean. However, the same issue as in case 1 happens. 

Best answer by maskar

I actually found a solutions that works most of the times:
You can open the exsisting interaction that comes with each instance and use the “+” icon to add a new interaction of the same type and then it works. Just remember the order of each interaction matters as normal. 

Ony issue now, is that if I add a change to interaction to a variant with an exsisting change varaible interactions, then I am only able to see the change variable interaction when in flow mode. The change to arrow that would normally be shown, is not, which makes it a bit difficult to get an overview of what is going on. 

would be nice if all interactions in an interaction stack was visualized.

View original

maskar
  • New Member
  • April 4, 2025

I actually found a solutions that works most of the times:
You can open the exsisting interaction that comes with each instance and use the “+” icon to add a new interaction of the same type and then it works. Just remember the order of each interaction matters as normal. 

Ony issue now, is that if I add a change to interaction to a variant with an exsisting change varaible interactions, then I am only able to see the change variable interaction when in flow mode. The change to arrow that would normally be shown, is not, which makes it a bit difficult to get an overview of what is going on. 

would be nice if all interactions in an interaction stack was visualized.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings