Articulate Storyline 2 – Page Numbering (Part 2 of 2)

storyline2

How to use Articulate Storyline 2 to pull page numbers into a slide using JavaScript.

I only found one other website that offered information on making this work, the problem was that the code provided did not work for me.  The other site that discusses how to use a JavaScript Variable to change a page numbers can be found here:  http://blog.commlabindia.com/elearning-development/how-slide-numbers-in-articulate-storyline/comment-page-1/#comment-2444961

I have revised the code and have attached a downloadable sample of how to use JavaScript to create page numbers.

articulate_storyline_2_javascript_page_number_var

articulate_storyline_2_javascript_page_number_var6 articulate_storyline_2_javascript_page_number_var3articulate_storyline_2_javascript_page_number_var2

articulate_storyline_2_javascript_page_number_var5articulate_storyline_2_javascript_page_number_var4

Download the file:  Storyline_2_PageNum_JavaScript

Rename the file:  Storyline_2_PageNum_JavaScript.key to Storyline_2_PageNum_JavaScript.zip

Unzip the file: Storyline_2_PageNum_JavaScript.zip

…and congratulations you now have a working Articulate Storyline 2 Sample of JavaScript Page Numbering.

Requesting Articulate include a number variable:

We need page numbering, I have created two samples and have distributed it to the Articulate Community.  Both options are not enough, we need a variable for example:

%scene_slide_num%

This way if we are on Scene 1, Slide 1 the page number would be:  1.1

If we are on Scene 15, Slide 3 the page number would be 15.3

This one variable could be placed on any screen and would not be restricted to linear or non-linear courses.  It would work for both.

Advertisements
This entry was posted in Uncategorized. Bookmark the permalink.

One thought on “Articulate Storyline 2 – Page Numbering (Part 2 of 2)

  1. Pingback: Articulate Storyline 2 – Page Numbering (Part 1 of 2) | eLearningShow.com Blog

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s