Have you ever wanted to add multiple questions to a slide in Storyline, only to discover that isn't possible using the inbuilt quizzing slides?
Are you looking for a way to add multiple questions to a single slide and evaluate them individually? Or maybe you know it's possible, but you don't know if you need layers, triggers, variables or three drops of dragon blood and two measures of unicorn horn?
This tutorial will show you how to add multiple questions to one slide and then evaluate if they have been answered correctly or not.
In this tutorial you will learn how to add multiple quiz questions to one slide. Because sometimes it is nice to have more than one question on a slide...
Before we begin, note that the only way to get this to work is to build these quiz questions from scratch. So, while it will take a little longer to set up than if you were using one of the inbuilt quizzing options, it'll also allow you a lot more freedom to structure your questions and design your slides exactly how you want.
Basic Multiple Choice
Let's have a look at how we could create a few simple multiple choice questions. While each question only has two answers here, the same approach will work with if you have more answers.
Let's begin by setting up a slide with the assets that we'll need:
As you can see, I've added text and buttons. What you can't see is that I've added each pair of buttons to a button set (which you can do by right-clicking and then selecting a ... wait for it ... Button Set).
Button sets are good. They force objects to behave like radio buttons (i.e. only one of the objects in the set can be selected at a time). Which is exactly the behaviour we are looking for here.
Next up we need to create some variables that we can use to track which answers have been selected. In this case, I've created the following variables:
Then all we need to do is set up some triggers to make sure that these variables are set to either Correct or Incorrect, depending on how the question is answered.
For example, the first question would have the following trigger on Button 1:
And this trigger on Button 2:
Then the same can be done for the rest of the questions. In the end, your triggers should look a little something like this:
Now that the basics have been set up, we need a way to evaluate if the questions have been answered correctly and provide feedback to the user.
So let's add a Submit button:
Q3variables tracking how the questions have been answered, so we are going to need some triggers to evaluate these responses and some way of showing the user if they answered the questions correctly or not.
I like variables, but they aren't the only way to track things in Storyline. Experiment, it's fun. And you'll learn a lot by breaking things.
So let's grab some icons. We need a and a , so let's skip over to Font Awesome and grab a little something something. As you can see below, I've edited these icons and got a bit of colour happening, so now we have these two images (you'll be able to download these at the bottom of this post):
So let's get them into Storyline. Start by adding the image to your slide and then we get to fiddle with some states:
- Add a new state and call it
- Add another new state and call this one... well, I reckon you can probably guess!
- Then we want to change the image in the
Incorrectstate so that it shows our incorrect icon.
- Finally, delete in image from the
Watch the short video below to see how this is done:
Now we can duplicate this indicator so that we have one for each question. It can be tricky to position these correctly given that their normal state is invisible... so let's change the default state to
Correct so that you can see what you are doing!
After you have positioned the indicators properly, then you can change the default state back to normal.
Now that we have these indicators in place, we can add the triggers to make sure the right icon is shown for each question. So, I've created a trigger that will change
Indicator 1 to the
Correct state when the user clicks the
Submit button as long as the
Q1 variable is equal to
Phew. That's a mouthful.
You should end up with something along these lines:
Now we need to create another trigger that will change
Indicator 1 to the
Incorrect state when the user clicks the
Submit button if the
Q1 variable is equal to
Incorrect. So something like this:
So that's the first question covered! Next, you can do the same for the other questions. Once they are all set up your Triggers list should look like this:
Watch these triggers being set up:
That's it! You now have multiple quiz questions on one slide.
Here's a demo of the quiz:
Frequently Asked Questions:
Q. Will this quiz talk to my LMS? A. No, this quiz has not been set up to communicate with an LMS. But if you'd like to know how to set that up, see the Capturing Storyline Variables in an LMS tutorial.
Q. Will this work in Articulate Mobile Player? A. Yes, yes it will.
Q. My question isn't listed here, what should I do? A. Celebrate the infrequent things in life and leave a comment below with your question.
You want some files? Here are your files:
Here is the source file.
Here are the correct and incorrect icons used in this example.
If you found this tutorial helpful and think that others in your network will also, please share using the share buttons below. Thanks!