Storyline 360 – Best practices of using JavaScript to get Custom Print Result

Storyline 360 - Best practices of using JavaScript to get Customized Print Result

Though there are vivid authoring tools, Articulate Storyline would be the best possible tool to create custom elearning courses. The best practice to create more engaging e-learning courses is to include JavaScript in Storyline.

Recently, we were deployed in a project where our stakeholders need an activity to be implemented such that user should take a print out of the entered text as a handout or can be saved as a PDF file. For this, we have used JavaScript and an external HTML page to meet the client requirements in Articulate Storyline 360.

Let’s have quick peek on the steps we followed:

Step1: Download the HTML file from the source given at the end of this blog. Here you can see the downloaded HTML page output.

s1

 

Step 2: Launch Storyline, Create Variables and add text entry boxes. Then assign those variables to the text entries as show below.

s2

s2a

Step 3: Now link HTML file that you have downloaded. To do so, click on Insert and select Web Object and enter the location of the html file in your local drive.

s3

s3a

Step 4: Once inserting HTML file, it may overlap on your slide. So, to avoid overlapping of HTML file, resize the file and place it outside the preview area.

s4

Step 5: Add a button and name it as submit. Then create one more button for printing the result and add the following triggers.

s5

s5a

Step 6: Then, add the following JavaScript to print the entered answers.

s6

Step 7: Finally, Publish the course and see the output.

s7

By using JavaScript in Storyline, you can overcome the limitations of the functionality of authoring tool and create dynamic interactions.

Download the HTML file here

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *