Triggers and Returning to Normal State

Mar 07, 2013

I am trying to create two triggers for one shape - where when the user clicks the shape the first time, it changes states to "new state" and when they click it a second time, it changes back to normal. I've given the shape two triggers, both with conditions. The first trigger is "change state of Rectangle 1 to New State when User Clicks Rectangle 1 with the condition that Rectangle one's state is equal to Normal." and the second trigger is "change state of Rectangle 1 to Normal when User Clicks Rectangle 1 with the condition that Rectangle 1's state is equal to New State." However, this is not working. The first trigger will work on its own, but as soon as I add the second trigger, nothing works. What else do I need to do to make this work?

36 Replies

John Papiernik

11 years ago03/07/13 at 10:35 am (UTC)

You may need to use a varible to trigger the second change. A simple number variable should work.

Katie Dahlson
Author

11 years ago03/07/13 at 11:57 am (UTC)

Okay, the above answer works if I want the shape to revert back to its normal state once.

Some clarification: I want the shape to switch back and forth between the new state and the normal state each time the user clicks on it.

Any help with that?

Garth Yorko

11 years ago03/07/13 at 12:20 pm (UTC)

I used two shapes and took advantage of layering in the timeline to do what you want.

Take a look at the triggers. Also look at the states of the first shape. I think this will work for you.

hide-display.story

John Papiernik

11 years ago03/07/13 at 12:23 pm (UTC)

Are they leaving hte slide when the button is pressed? If they are, you could just have the slide return to initial state upon return

John Papiernik

11 years ago03/07/13 at 12:26 pm (UTC)

NVM, after I thought about it, I do not think that will accomplish what you want.

John Papiernik

11 years ago03/07/13 at 12:35 pm (UTC)

This is a lot of triggers, but it works....depends on how many times they need to press the button.

Katie Dahlson
Author

11 years ago03/07/13 at 12:38 pm (UTC)

Thank you all for your guidance and help. Garth's idea of using layers and two different shapes absolutely accomplishes what I want.

John Papiernik

11 years ago03/07/13 at 12:44 pm (UTC)

Very simple Garth. Great job!

Terry McDonald

11 years ago03/12/13 at 11:05 am (UTC)

Here is a couple of examples of the ways I change states using variables.

The first example uses three triggers and a True/False variable. The variables value is toggled with a NOT assignment every time the shape is clicked. The shape is then set to the correct state based the true/false value.

The second example uses a number variable and six triggers (two triggers plus a trigger for each state to cycle through). Each click increments the number variable by 1. The number variable is then checked to see if it exceeds the number of states and if so resets to 0. The shape is then set to the correct state based on the number value.

changeshapestatesexamples.story

Phil Mayor
Hero

11 years ago03/12/13 at 11:10 am (UTC)

Why not just give the shape a selected state this will toggle no triggers needed

Terry McDonald

11 years ago03/12/13 at 11:22 am (UTC)

I hadn't thought of a selected state to toggle between two states. Great suggestion. Most of my cycling through states have involved more than 2 states, so the selected state wouldn't work. I use Example 2 in my above .story submission.

7 years ago02/20/17 at 10:22 pm (UTC)

Hi Philipp What do you mean? I had a shape with a selected and normal state and it doesn't toggle automatically. When I added a variable as suggested above, I was able to toggle.

Walt Hamilton
Hero

7 years ago02/20/17 at 11:50 pm (UTC)

Helene,

Did you create triggers to change the state? If so, your triggers would conflict with the built-in triggers, with unpredictable results. Try it with just the built-in triggers.

Helene Caura

7 years ago02/21/17 at 12:12 am (UTC)

I removed my triggers but initially yes I had some. Now it works with just a variable that I toggle for all my shapes. If I remove it it doesn't work.

Walt Hamilton
Hero

7 years ago02/21/17 at 12:18 am (UTC)

My comment probably wasn't complete enough.

If you have a state named "Selected", it should work without triggers or variables. If you write your own triggers, you will need a variable and a state with a name that is not one of the built-in states.

Helene Caura

7 years ago02/21/17 at 12:29 am (UTC)

You were clear ;-) Yes it should work, I agree. It was working to go to the selected state, but not going back to Normal on click again.

Daniel Servan

7 years ago02/21/17 at 2:08 am (UTC)

Hi All,

I have here a sample on how to Toggle a Button States.

I think this is the shortest and efficient way of doing.
In Programming we used the NOT operator.

Hope this helps.

~rex

ToggleState.story

Walt Hamilton
Hero

7 years ago02/21/17 at 3:12 am (UTC)

Rex,

See if Phil's idea might be easier and faster.

ToggleStateWH.story

Helene Caura

7 years ago02/21/17 at 3:17 am (UTC)

Hi Rex, yes this works as you demonstrate, but what Walt is suggesting is that you don't need a trigger or a variable to toggle a button with default states.

Daniel Servan

7 years ago02/21/17 at 5:29 am (UTC)

Hi,

Yeah, I know that there is a Selected State as I usually do add Selected State when using "Button Set" to group buttons.

Since the author is asking a Triggers, then I'm producing a sample that is uses Triggers.

7 years ago02/21/17 at 5:58 am (UTC)

Walt is correct you don't need a variable to toggle a button if you use a selected state without a button set it will toggle, however using a visited state as well will likely break this.

Sent from my iPhone

Helene Caura

7 years ago02/21/17 at 5:43 pm (UTC)

OK I know where the confusion is coming: it works for a BUTTON, but not for shapes!

7 years ago02/21/17 at 6:11 pm (UTC)

It will work on a button or shapes or images they all behave the same

Helene Caura

7 years ago02/21/17 at 6:20 pm (UTC)

mmm I just tried with a blank page and indeed it works! So I need to figure out why it doesn't work on my screen where I have an activity of selecting the shapes as part of a quiz.