Storyline 360: Add Automatic Slide Numbering and Built in Variables

auto slide numbering

In this video i’ll talk about the new Storyline 360 Automatic Slide Numbering feature. With Built-in Variables you can add slide numbers in Storyline 360 and let Storyline automatically calculate the current slide number, total amount of slides in your project, users progress and much more.

cta under video

Built in variables

In the latest Storyline 360 update Articulate added a list of Built in variables that you can use to automiticaly add slide numbers to your project and calculate progress for a user.

Do you want to see al built in variables? Then Click on the ‘manage project variables icon’. You now see two tabs. Project variables. In this overview are all variables that you’ve created. And Built-in variables When you click this tab you see the complete list of built-in variables that now are available in Storyline. Now let’s see how you can use the built-in variables in your next project.

To use the page numbering variables go to the insert tab and Click on Slide number drop down arrow.

Here you can directly add the current slide number to your slide, the total amount of slides and the slides that a user has viewed.

Adding a built-in variable is very easy. Just Select it. Here i selected current slide variable. And draw a textfield on your slide That contains the variable. You now see a textfield with a number highlighted in yellow on your slide. But don’t worry this yellow color won’t show when you preview or publish your project. It’s only an indicator on your slide that the textfield contains a variable.

If you click the Slide number option again and you click on more you can insert the other built-in variables.

The numbers between brackets are the content of the variables. So in this project for total scenes in project you can see that there are six in it.

You also see that Storyline gives you two order options. This is how Storyline calculates the slide numbering.

By the order of the slides in the player menu or by the order in your scene and slide view. You can choose which option suits you best.

Project Switch

If you switch to project order you can see that you can choose for slide number in scene and the total amount of slide in a scene.

If I want to add this last variable I select it click insert and I can draw a textbox on my slide where want to position the variable
You can add as many built in variables on your slides as you want. But you can also combine them in a textbox. If I select the textbox add an forward dash and now click on total slides in menu. Storylines add this variable to the textbox. Now have the current slide number and the total amount of slides.

If you hover over a built in variable on your Slide Storyline shows a tooltip with information so you can see which variable you are using.

If you have specific slides in your course or scene that you not counted in the amount slides you can exclude them. You do this by clicking the Slide number drop down arrow and choose now here you can uncheck slides that must no be counted by Storyline. If you are finished you click oke.

There is one thing to keep in mind when publishing your project and you are using the built-in variables. Built in variables are only available in html5. So if you publish your course to flash the variables will be displayed as zeros.

Creating a looping animation

creating a looping animation

Do you also make use of animations in Articulate Storyline if you want you to be able to play or run animations continuously? In this video I will show you how to do this in Articulate Storyline.

By default, Articulate Storyline does not have the ability to run an animation. But, here too there are ways to do this anyway in Articulate Storyline.

cta under video

Articulate Storyline Button Sets

use button sets

In this Storyline tutorial I’ll show you how you can use button sets in Articulate Storyline.

With button sets you can easily create interactions with multiple objects where only one object is selected at a time. Without programming it with triggers, states and variables.

cta under video

How to use Articulate review for more control

getting started with articulate review

Do you want more control over the review process of your Storyline modules because you sometimes lose track of all the different versions and comments?

In this video, I will show you how to use Articulate review to collect all the feedback about your Storyline project in one place, ask for explanations about comments, and process the feedback.

cta under video

How to create an automatic progress bar in Articulate Storyline

create an automatic progress bar

In this video, I will show you in 5 simple steps how to make a progress bar in Articulate Storyline that automatically shows the progress per slide to a user of your e-learning.

I’m Mark Spermon from the e-learning and I’m going to teach you how to create e-learning yourself in Articulate Storyline. Are you new here? Then don’t forget to click on the subscribe button below so that you don’t miss any more videos. Ready? Then let’s get started.

Before we start i want to say that the way I build the progress bar in Articulate Storyline is first published by Pete Brown in a blog post on in 2013. I want to put a link to the post in the description of this video.

cta under video

Necessities: What do you need to make the progress bar in Storyline?

2 shapes; 1 as an empty background for the progress bar and the second shape with states for the percentages of the progress bar
A radio button
3 variables
Triggers with which we ensure that the progress bar works.

Step 1: Shaping the progress bar

The first step to a working progress bar is to graphically design the progress bar. I chose here for a simple rectangular progress bar that is made up of two shapes. Shape 1 is for the background of the progress bar and the second shape consists of states for the different progress steps or percentages. Make sure you give the shapes a width that is easy to divide. Don’t use a width of 341 pixels for example. The shapes of my progress bar are 600 pixels wide. If it is completely filled, the module is 100% complete. I can also calculate what 1% is. Simply divide 600 by 100 = 6. 1% is 6 pixels. My progress bar has 5% steps. That is 5×6 = 30 pixels per step.
I place the two shapes on top of each other. That way the user gets the idea that the bottom bar is filling up.

I want the progress bar to work automatically in the course. You must be able to easily add or remove slides without having to adjust the progress bar on each slide. The progress bar will therefore appear on the Master Slide of the course. You do this trough View> Slide Master tab.

Step 2: Create variables in Storyline

Step 2 is creating variables in Storyline that we will need later. Click in Storyline on the button where you can manage all the variables in your project to create three new variables that we can use later in the triggers.
The first variable that we create is a variable of the type number. I call the variable ScreensinCourse. We will use this variable to store the total amount of screens for the course.
The second variable is a number variable aswell. I call this variable ScreensVisitedCount
The third variable is also a number variable. This is named ScreensVisitedPercentage

Step 3: Installing checks

A student must be able to navigate back and forth in a module. If he returns to a page where he has already been, this page should not be included again in the progress. Otherwise, the progress bar in the course would be finished before the end, and of course we don’t want that. Add the radio button via the ‘insert’ tab, click on ‘input’ and choose a radio button. This check is not visible to a student. We place it outside the screen of the course and give the radio button the name VisitedScreenCheck.

Step 4: Calculate progress

In step 4 we create a number of triggers in which we use the variables from step 2 and the radio button from step 3 to ensure that our course automatically calculates the progress on each screen.
The first trigger that we create is an Adjust variable trigger that adds the value 1 to the variable ScreensVisitedCount. But this is only allowed if the radio button VisitedScreenCheck is not selected.
With the second trigger we set the VisitedScreenCheck radio button to selected. These two triggers are on the slide master and are repeated for each slide in your course.
Trigger three is a trigger in which the variable ScreensVisitedPercentage gets the value of ScreensVisitedCount.
With trigger 4 we perform a calculation to calculate the current percentage in the course. We will use the outcome to determine which state of the progress bar should be displayed. We share the variable ScreensVisitedPercentage with the number of slides visited so far by the variable ScreensinCourse. Here a value between 0 and 1 is 100%. If our course has 45 pages in total and we are now on slide 5 then we divide 5 (ScreensVisitedPercentage) by 45 (ScreensinCourse). This comes out at 0.11. This means that a student is now at 11% of the course.

Step 5: Customize states of the progress bar

In the fifth and final step, we create a series of triggers that ensures that Storyline shows the correct state as a percentage.
The trigger is a change state trigger that is executed when the timeline of the Master Slide starts. The trigger sets the progress bar to state 10. In this state, the progress bar is 10% filled. I add a condition to the trigger that states that the trigger is only executed if the variable ScreensVisitedPercentage has a value between 0.09 and 0.15. That means 10,11,12,13 or 14. You repeat this for all states in the progress bar.

Attention points

To ensure that the progress bar works properly, you have to make an adjustment to the properties of the slides that you are going to create. The ‘when revisiting option’ must be set to ‘Saved’ resumed state. This ensures that the radio button remains selected on every slide which insures that progress is not counted even if a student goes backward in the course.
To see if all calculations are performed correctly, it is useful to put a text field on the master slide with the variables. If you test the module, you can check whether the variables show the correct values. If you have made a mistake by accident, you can easily find your fault.

How to use branching in Articulate Storyline

Storyline branching

Do you want to work with branching and scenarios in Articulate Storyline?

Naturally, you want your student to remain involved and not to drop out while following your e-learning module. You can use scenarios and branching for this. But what exactly is branching in e-learning?

Branching is an interactive form of learning. For example, your student will receive a question with different answer options. And each answer option leads the student to a different new question. Like the branches on a tree. Hence branching. You can easily combine branching with scenarios where a student has to make a decision about a problem. And based on the choice, the story goes on in a specific direction. The story unfolds in unpredictable ways, making such learning interaction fascinating and fun.

Branching scenarios can be set up in various ways in Articulate Storyline. The easiest way to do it is with question slides.

Keep watching because in this video I explain how you can add branching in Articulate Storyline quickly using question slides.

cta under video

How To Randomize Quiz Questions In Storyline 360

questions banks

Do you want to add a quiz or a test to your Articulate Storyline project? Keep watching, because in this video, I will explain step by step how you can create tests and quizzes with question banks in your Articulate Storyline projects.

Hey, I’m Mark from Upward Online Learning, where I teach you how you can create e-learning modules in Articulate Storyline yourself. And are you new here? Don’t forget to click the ‘Subscribe’ button so you don’t miss a video. Ready? Let’s go to work.

cta under video

If you have an e-learning project and you want to insert a quiz or a test with questions that are presented in a random order, or questions are shown from a pool of questions, for this you can use question bank functionality in Articulate Storyline 360, but also in Storyline 3, 2, and in Storyline 1. To set up question banks in Articulate Storyline, you can click on the ‘Question banks’ functionality on your home tab in your story view. And when you are in your slide view, you can click on the ‘Slide step’ and choose the ‘Question banks’ option.

Create a Question bank in Storyline

You’ll see several options in drop down menu on the question banks. I want to create a new question bank, so I’ll choose ‘Create question bank’. And now I can create my new question bank. I give it a clear and descriptive name, for instance, ‘End quiz’, and I’ll click ‘Okay’. And now you’ll see that Storyline creates an empty question bank. Now I have an empty question bank where I can add questions that I can use later on in my project in different places.

Two options to add questions to your question bank

It’s possible to create multiple tests or quizzes from the questions from one question bank. A Storyline file can contain multiple question banks, and you can create these in the same way as we created the first question bank. And, despite what the name question bank suggests, you can also add normal, non-question slides to a question bank. To add questions to a question bank, there are two options in Articulate Storyline.

  • The first option is to create the questions directly in the question bank. And we can do this by clicking the links ‘Graded’ or ‘Survey’, and then Article Storyline opens the ‘Insert slide’ window where we can choose which question type we want to insert into the question bank. For instance, here, a true-false question. And you’ll see that Articulate Storyline inserted a true-false question in our question bank.
  • The second option to insert questions into your question bank is to import questions that are already in the Storyline project into your question bank. And to do this, that can be done in two different ways. You can click on the ‘Import’ link in an empty question bank or click on ‘Import questions’ if there are any questions in your question banks already.

Now I can choose to copy or move questions from scenes in my project, or from other question banks, to the new question bank. I have the possibility to only copy the questions into the new question bank or to move them completely from my scenes or other question banks to the new question bank. And here I can check for each scene in my slide whether I want to add all the questions or only specific questions. I already have a number of questions in my module, and I’ll choose to copy them into the new created question bank from this scene. So, I’ll here say ‘Include all’ and click on ‘Okay’. So, now I’ll keep my original questions in my projects and Articulate Storyline copies the questions into this new question bank.

Insert question bank in project

Now that I’ve imported the questions in my question bank, I can use them somewhere in my project. And to do this, I click on the ‘Story view’ tab and choose a place in my project where I want to use the questions. I have a scene named ‘Quiz’, and here I want to add my questions. So, I click the ‘Quiz’ scene and now I’ll go to the ‘Question banks’ option on my home tab and choose for a new ‘Draw from question bank’.

Select the question bank you want to use

Now, here I can choose the question bank where I want to draw the questions from. So, this will be the question bank that we’ve just created. I want to draw all the questions and click on ‘Insert’. And now Storyline adds a placeholder icon, a slide with a ‘Draw from question bank’ icon. On this draw I can set a number of options. For instance, how many questions have to be shown in this draw? And now double click the placeholder slides and the ‘Draw questions from bank’ window opens. You now can here see which question bank the questions are displayed from. And, in this case, that is the question bank that we’ve just created. And, by default, the ‘Draw questions randomly’ is active, and this means that the questions are shown in a random order.

If you do not want this, you can check this off. And you can also see if you want to include all questions or, for instance, a selection of the questions in your question bank.

Question bank settings

We can also indicate for each question how it should be displayed in ‘Shuffle’: randomly, never, or always. If you choose ‘Always’, it will mean that the question always has to be drawn in a test request. And if you want to exclude your question in your test, you choose ‘Never’. The question is still in the question bank, but won’t be used in this specific test or quiz. There is also an option to lock questions in the question bank on a specific place. For instance, if you want a specific question that always has to be drawn as a first question in a quiz. To do this, I select the question and click on ‘Lock question’ and choose ‘Top of group’, and you’ll see the question is moved to the top of the group and has a lock icon in front of it.

But, Storyline gives also the option to lock questions to each other. For instance, for questions that always have to be drawn in a specific combination. And to do this, I select the question. And again, I choose ‘Lock question’, and I can choose to lock the question to the question above or to the question below. I choose for the question below, and you’ll see that there is a lock icon for question three and four. And this means that these two questions will be always drawn together into the test or quiz in Articulate Storyline.

Manage question banks in your project

If I want to manage existing question banks in my project, I can click on the ‘Question banks’ option here on my home tab in the story view. Or, if I go to my slide view, I can click on ‘Slides’ and choose ‘Question banks’, and here I can choose ‘Manage question banks’. Here, I have the option to create a new question bank, modify existing question banks, copy selected question banks to a new question bank, rename the selected question bank, or remove a question bank that’s no longer needed in this project.

Now, here we are at the end of this video. Now we know how you can add a quiz or test to you Articulate Storyline project using question banks and what the benefits are for using question banks in your Articulate Storyline project. Did you like this video? Don’t forget to give a thumbs up below and subscribe to my YouTube channel to get practical tips every week about creating e-learning modules with Articulate Storyline. Until the next video.

How To Create Subtitles/Closed Captions in Articulate Storyline 360

subtitles and closed captions

Do you have an Articulate Storyline project with video that needs to be translated into multiple languages? But you do not have a budget to re-record the videos?

I have a simple project with a video on the second slide. In this video I’m going to add subtitles. You have always two options to insert subtitles. Directly in your video file with video editing programs as adobe Premiere or final cut pro. But you can also easily add the subtitles yourself in your Storyline project. This is very useful if something will change in the video or the subtitles.

Keep watching because in this video I will explain step by step how you can easily add subtitles in Articulate Storyline under your videos.

cta under video