Should I use States, Layers or am I missing the obvious?

Here is my end game:
I would like to simulate how a user would start a task by using a key pad (please see attached). An example is if the end user was trying to change screens, they would have to select the following keys in correct order: focus key, 1,3,4, enter. Ideally, each button would change to red when scrolled over and the buttons to turn yellow when selected. To get the clearest picture, I have taken the pdf drawing of the control panel and converted it to .svg in Inkscape, then saved it as a PNG and inserted it into Storyline 2 as the base layer. The plan was to change the color and export each button as a PNG from Inkscape and use it in Storyline. This has not worked because I am unable to replicate the size and position of each button (I am unable to nudge it exactly where I need it so it does not change position when the colors change). So I am at a crossroads here. I planned on placing each button a layer but as I am thinking about this, I am wondering if it would be easier if each button be assigned a state (normal, hover, selected) OR am I completely missing an easier solution without hurting the picture quality. So you know what it looks like, attached is an example of hovering over the Production Key and selecting it.
Thank you for your help,

14 Replies
Ashley Terwilliger

Hi Steve,

"Easier" I think is always a tricky word to use with Storyline - as there are a number of different ways to accomplish the same thing and it's often dependent on your needs and how you as an individual think through the set up. For me, using states and letting the built in definitions of those states control the behavior of the objects would be the easiest set up. Less triggers and then less work or items to keep track of. 

Steve Berebitsky

As far the nudging, you can move it one pixel by holding ctrl and an arrow of your choice.



As for the nudging, I was hoping to keep the original PNG of the control panel, but could not get the size of the new button to exactly match the original. I have decided to just rebuild the Panel.