State changes are sometimes overlooked by many new users in Storyline, mainly because they are apprehensive about how they can be used. A question was asked in one of my recent courses about how one might get buttons or other items to disappear when they were clicked. A specific use case might be if you are using a button to start the motion path of another object, but you do not want the button to distract the learner or be “in the way” of the object that is moving, or you don’t want them to click the button again to move the object again.
The following steps will focus on utilizing change of state triggers to make that happen. Keep in mind, these steps will work for most items on a slide, but we will use a button for purposes of this discussion.
Make the Image Disappear Using a Hidden State
On this example slide, I have a button that is moving a picture to the other side of the slide. Remember, this action could be anything! Maybe you have a button to show a layer, or a button to play media, or maybe it’s even a picture they’re clicking on to make something happen! (Don’t forget to name your objects!)
Next, with the clickable object selected, build a new trigger in the trigger panel that will change the state of the image to be hidden when the user clicks it.
Note: We do not need to build an actual state, since all objects really have two natural states: normal and hidden. It might help to think of normal as being “on” and hidden as being “off”.
Preview the slide. The button will disappear when the user clicks it!
What if you want the learner to leave the slide and then return to the slide. If your clickable object has a Visited and/or Selected state and they leave the slide and return, by default the slide will “Resume saved state” which means the button will still be hidden. That may be exactly what you’re looking for, so there is nothing further for you to do.
However, what if you want the button to return back to normal, and everything on the slide to be just as it was when they first arrived at that slide? Changing the slide property to “Reset to initial state” will restart the slide from the beginning!
This is a great example of how state changes really are changing how an object on your slide looks. It is sometimes helpful to think about state changes as changing an object’s appearance. Sometimes, changing the appearance of an item can be just the thing to create that additional interactivity that the learner needs!