Limiting Numeric User Entry in Articulate Storyline
The question below came up in one of our recent Certified Articulate Storyline training workshops: “How do I stop my learners from inserting a decimal point in a numeric entry box”
I thought this might make a nice blog post and also show some of the cool things you can do with layers, triggers and states in Storyline.
First of all I created the slide with the information, character etc. Then I inserted a ‘numeric entry’ box. Once you insert either a numeric or text entry box, Articulate Storyline automatically creates a variable. We always recommend naming your variables to make life a little easier further down the track.
Once I’d set up the main slide, I then went on to think about how I was going to stop the user from inserting a decimal point. I decided to create a trigger that would show an ‘error layer’ if the user entered a decimal point in the numeric entry box. The trigger looked like this below.
The ‘error layer’ that appears is pretty straight forward. I have my character change state to looking frustrated and a try again button that hides the layer and also resets the number variable to zero so that they can try again and it’s not remember any number already entered. If I didn’t do this then the numeric entry box would remember whatever number I originally inserted.
Finally, one last tip: on the layer, I chose to hide certain objects on the base layer. This is a great feature to be aware of when you want to learner to focus on something specific. Open up the base layer objects on the base layer, and click on the ‘eye’ symbol so it becomes greyed out. This will hide selected objects on the base layer when you are in a certain layer.
There’s always a few different ways to get to the same destination in Storyline so you might build this a little differently. That’s the power of Articulate Storyline!