What Goes Up and Down?

My Storyline elevator example that’s what!

I put together this little demo in about 5 minutes to show how you can toggle a button on and off in Storyline. Click the image to see how it works. And don’t forget to press the elevator button a few times to see what happens. 

Launch Presentation

I have been a little overwhelmed by the number of requests I’ve received from people who want to see how it works behind closed doors so to speak. Now I could write out a long winded explanation, but I’m feeling lazy today so instead here’s the button_togglesource file for you to download and explore on your own for learning purposes. Enjoy! 


Continue Reading 2 Comments

There’s a New Template in Town

Here’s a simple Storyline 2 template for anyone who wants it. I took all the photos on various trips and you are welcome to use them. They are all in the slide master if you want to swap them out for something more suitable to your project. In fact almost everything is set up in the slide master so take a look there first if you want to change the buttons, tabs, title text etc.

Give it a spin.

Launch Presentation

Click simpletemplate to download the Storyline file.

Comments and suggestions for improvement are always welcome.

Continue Reading 4 Comments

Get Mobile with this Free Storyline Template

One thing that irks me about using mobile devices to view Storyline courses is that the keyboard on the device gets in my way whenever I have to enter data into a text or numeric input field.  More often than not the keyboard covers the input fields so that I can’t see what I am doing, and it is awkward moving back and forth between the keyboard and the course UI when there are multiple input fields on a screen. Instead of focusing on the learning I end up wrestling with the keyboard.

My solution to this problem was to build my own keyboard in Storyline. And this little demo is the fruit of my efforts.

How I did it

It is pretty easy to simulate a key press in Storyline by using a button or shape to show a specific number or letter when clicked, but there is no way to string these individual characters together to make meaningful words, sentences or paragraphs. To do this I created two text variables — one called “newNote” and one called “allNotes.” I placed “newNote” off the screen so the user never sees it.  Each time the user clicks a key, a trigger changes the value of  “newNote” to the character I assigned to the key. I then run some JavaScript code to get the value in “newNotes” and link (concatenate) it to the value in “allNotes” which is what the user sees on the screen.

In the case of the backspace key, the JavaScript removes the last character from the string (allNotes.length – 1). 

The JavaScript also does a little formatting which I won’t get into here.

For those of you who are interested in seeing how I set this up, you can download the Storyline 2 file here : keyboard

Continue Reading No Comments

Let Navigation Speak for Itself

We (and when I say we I mean other people) often add pages and pages to our elearning courses which do nothing more than describe how to use the course navigation.

Hey did you know that if you click the exit button you will exit the course?

We’re afraid learners might miss something important so we describe every button and link on the interface. We include details learners have already discovered for themselves or are so obvious they need no explanation.

Let’s stop doing that.

Continue Reading No Comments