Can't change design properties using custom states & workflows

[kacper.kalinowski]

Hi!
I’m trying to build a simple Tab Component, containing a navigation bar with 3 options, and the content for each Tab.
The layer structure looks as follows:

I have also added unique workflows for each button regarding changing the images - which work fine. The problem is changing the design properties of the nav bar, in a way where it looks like the tabs are changing.

I have followed other forum threads regarding using custom states & workflows to change design properties and followed them closely, with each step shown below:

Both the Group & Text in T:Option1 have Conditionals which work based on the custom state “Inactive” added to the element - which is then referenced and changed from the default value of “no” to “yes” in a Workflow activated when the other Options are pressed.

Please let me know what I should change to achieve the effect
Thanks in advance!

[rico.trevisan]

If I understand you correct, you could simplify the workflow.

1. Add a state to Tab Component – let’s call this state active option. If you’re sticking with option 1, 2, 3 you could make the state of type number.
2. set that state to default to one of your 3 options. Let’s use 1 for this example.
3. create a custom trigger that has a variable of type number, let’s call it number
4. add an action that sets the state of Tab Component's active option to the number variable.
5. Set a conditional to C: Option 1 that says when Tab Component's active option is 1 the background style is none.
6. do the same for C: Option 2 but the number should be 2; C: Option 3 to 3.
7. do the same process for different T: Options xx
8. add a trigger when T: Option 1 is clicked to do the action trigger custom workflow [the_one_you_created] and give 1 for the number variable.
9. do the same for T: Option 2 and T:Option 3.
10. test it.