When based on a conditional I want the component variant to change to another one (depending on the conditional), it doesn’t let me choose it to go to two different change-tos. If I change one of them, it changes the other one immediately. I would upload image or video but I can’t as I am a new user. But basically to replicate this: Create 3 variants of a component (eg a number 1, 2, and 3 in a frame, and make them into component variants, let’s say the prop is either 1, 2, or 3) Create a variable (eg. next that is 3) From variant 2, create an on click interaction that has a conditional: if (next == 3){ change to props = 3 } else{ change to props = 1 } What you will see is that when you create the second change to, it is automatically set to props = 3, and if you try to update the second one to props = 1, it will change the first one to props =1 as well.

Question

'Change to' with conditional action not working

Forum|Forum|3 years ago
June 22, 2023
66 replies
7357 views

When based on a conditional I want the component variant to change to another one (depending on the conditional), it doesn’t let me choose it to go to two different change-tos. If I change one of them, it changes the other one immediately.

I would upload image or video but I can’t as I am a new user. But basically to replicate this:

Create 3 variants of a component (eg a number 1, 2, and 3 in a frame, and make them into component variants, let’s say the prop is either 1, 2, or 3)
Create a variable (eg. next that is 3)
From variant 2, create an on click interaction that has a conditional:

if (next == 3){
change to props = 3
}
else{
change to props = 1
}

What you will see is that when you create the second change to, it is automatically set to props = 3, and if you try to update the second one to props = 1, it will change the first one to props =1 as well.

Components, variants and instances

This topic has been closed for replies.

Show previous replies

iammaiAuthor

Thank you!

WillBarrow

Definitely a bug. There are other related posts

MMM

I’ll attach a screenshot for clarity.

WillBarrow

I’ve since discovered that the reason I couldn’t select a variant in my “Change To” dropdown was because I had placed the click action on an already interactive button component (even though there was no existing click action, but that’s another matter). Once I wrapped my button component in another frame and applied the action to that, I was able to set the Change To option. Like everyone else here, however, I’ve been unable to add an Else Change To action or even a second Conditional with a Change To action without it changing and breaking the first Change To action.

WillBarrow

A workaround that I’m using until these conditionals get fixed is to create a separate, hardwired button for each of my “conditions” and tie each button to a boolean variable. Then I just need to set true/false for each button-variable on the navigation action that would otherwise set my conditions. I hope that makes sense and helps someone out.

Allison_Woo

@WillBarrow LIFESAVER - i was struggling with how to use a an interactive variant (a checkbox) to control a string variable with the conditional interaction and it just wasn’t working. ended up having to tie two buttons with different texts (that i was trying to use the string variable for) to boolean variables and then use conditional interaction to tie it to the checkbox 😭

A

Adam_Bruzon

I am having the same issues.
I cannot change the state here in the conditional interaction.