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.
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!
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.
Click simpletemplate to download the Storyline file.
Comments and suggestions for improvement are always welcome.
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
For those of you who are interested in seeing how I set this up, you can download the Storyline 2 file here : keyboard
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.
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.
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.
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.