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

Now you see it, Now you don’t

This week David Anderson challenged Articulate users to create an interaction to show the visual differences between two images – a sort of before and after if you will. Most of the examples he shared use sliders to show a before and after image but I wanted to do something a little different. In my example I use a custom menu button to overlay the after image on top of the before image.

Check it out.

Launch Presentation


Continue Reading 1 Comment

Always a Bridesmaid, Never a Bride

Bronze Again

Well the 2015 Articulate Guru awards have come and gone and I won bronze again! Don’t get me wrong I’m honoured and even a little gob-smacked that I won but still can’t help feeling that I need to step up my game so that some day I can take that coveted gold. Luckily, I have at least a year to figure it out.  In the meantime, here is my guru winning entry: Robot Wars.

Launch Presentation

Sharing My Work

For those of you who are interested in learning how I put Robot Wars together you can download the Storyline file here: robotwarsDownload.  You’ll need Storyline 2 to open the file.

Being able to deconstruct sample projects is a great way to learn so download the file and have fun ripping it apart. If you have any ideas about how I could improve aspects of the design please share your thoughts here because I want to keep pushing myself to get better – and I want that gold next time.

Continue Reading No Comments