HOW TO ADD A COURSE TIMER IN ARTICULATE STORYLINE 3 OR STORYLINE 360?
Follow our step-by-step tutorial video for a better understanding.
Articulate Storyline has been a favorite authoring tool among eLearning developers and companies due to its simplicity and short learning curve, allowing users to complete their work quickly and easily. However, as with any comfort, there is a cost, not every requirement can be implemented with the options available in Storyline by default, which may force users to make compromises.
Get in Touch |
Transform your classroom training material into eLearning. Get in touch with us to know more. |
The latest release of Articulate Storyline 3 or Storyline 360 introduced several new features, but there are still some functionalities not available natively. One of these is the Course timer, which enables learners to view the time they have spent on a specific course. Unlike Articulate Storyline, other eLearning authoring tools like Adobe Captivate or Lectora Inspire offer this functionality by default. However, it is still possible to achieve this feature using some smart workarounds.
How do you add a custom timer on Storyline 3 and Storyline 360 courses?
In this blog, we will guide you how to add a custom course timer in Articulate Storyline 3 or Storyline 360.
First, take a look at a screenshot below of what we are going to achieve in the end.
Step: 1
Create a new layer on the “Master Side”. In my case, I have created a layer and named it “Time Loop”.
Step 2:
Set the timeline length of the created layer to exactly 1 second.
Step 3:
Create 3 “Number” variables with any name. I have named them as “hh”,”mm” and ”ss”.
Step 4:
Add the following triggers to the “Time Loop” layer.
- Trigger 1: Add 1 to variable “ss” when “Time Loop” layer timeline ends.
- Trigger 2: Add 1 to variable “mm” when variable “ss” changes, if variable “ss” is equal to 60.
- Trigger 3: Set variable “ss” equal to 0 when variable “ss” changes, if variable “ss” is equal to 60.
- Trigger 4: Add 1 to variable “hh” when variable “mm” changes, if variable “mm” is equal to 60.
- Trigger 5: Set variable “mm” equal to 0 when variable “mm” changes, if variable “mm” is equal to 60.
- Trigger 6: Hide this layer when “Time Loop” layer timeline ends.
- Trigger 7: Show layer “Time Loop” when “Time Loop” layer timeline ends.
And finally add the following trigger on base layer of the master slide.
Show “Time Loop” layer when master slide timeline starts.
Step 5:
Add the following settings to the “Time loop” layer.
Step 6:
Then, add the below text to the master slide.
%hh% : %mm% : %ss%
Step 7:
Now you can preview the slide to see that our custom course timer is up and running.
Articulate Storyline 360 – Free Training Tutorials
Swift ELearning Services provides free tutorials for Articulate Storyline 360. These tutorials cover various topics such as creating animations, interactions, and assessments, among others, to help users understand the software and create high-quality e-learning content.
Get in Touch |
Book a free consultation with our experts and take your learning to the next level. |