Forum Discussion
Saving Storyline Variables to a PDF
I was asked about an example I created for saving variables from Storyline into a PDF file for download. Rather than fill the ELHChallenge thread with the information I decided to write up a thread on what I did. If you have any questions feel free to reach out.
The course executes JavaScript from within a Storyline (trigger) with the use of a client-side JavaScript PDF generator, jsPDF. This will not work locally, however, I have had successes with it functioning in IE11 without being hosted. It is easiest to design the PDF prior to inputting this into the course as you cannot preview. Thankfully, the jsPDF package contains an editor with their examples to design in.
Script & Demo Files for jsPDF:
Parallax: http://parall.ax/products/jspdf (contains an editor as well)
or via
GitHub: https://github.com/MrRio/jsPDF
1. Add Variables(score)/Text Entry fields
2. Add Trigger to execute JavaScript when user clicks (for downloading the PDF)
3. Retrieve the Player Variables within the .js field of the trigger and attach jsPDF settings per desired result look and feel.
**Notice an additional variable is created to transitioning the Storyline variable for the "Notes" in order to use ".splitTextToSize" for text wrapping within the PDF file. By default text wrapping does not occur.
4. Publish the course and add the applicable JavaScript files needed for your package (I placed mine within the "story_content" directory)
5. Add script files to the HTML <head></head>(story.html)
6. The result: Articulate Storyline Variables pushed to a downloadable PDF.
Storyline:
PDF Output:
Live Version:
https://googledrive.com/host/0B9kY09mQf_iqV3dTQ0Q4cUFvTlU/
Source & Published Files:
Leslie McKerchie said:
Hi Jackson and welcome to E-Learning Heroes!
Hi Mandy!
You can see Josh's post above where he had to host the content for his shared example to work. Not sure if this is applicable to you.
Hopefully someone in the community will be able to assist you
Thanks for the response!I tried to host the files, but unfortunately they still didn't work. The example files I downloaded worked, but once I converted it to an Articulate Storyline 2 file it stopped working.
Any ideas?
Hi Jackson! This is not something that Articulate supports and hopefully someone in the community will be able to assist you with
Hi Josh,
Thank you for sharing this. This is awesome!
Question: is this script unsupported by IE9? I've been testing it out on a few browsers and it works fine in Chrome and Firefox, but not in IE9. (I'm testing in IE9 because it is still used by some of our customers.) Do you have any suggestions as how to get around this?
I figured it out. Needs to be exported and uploaded to SCORM engine before it works. :)
Glad you got this figured out Gemz. Thanks for the update.
This all works great, until you open in the Articulate mobile Player, which doesn't allow Execute Javascript. Is there any way to perform this function server side so that the Mobile user can download the generated Pdf that contains the variables?
Hi, I have tested it and it works really great.
I have problem with some aspects of design of certificate(our PDF file) and I will write it here - maybe someone could help and it might be usefull for others.
1. How can we import an image background for certificate.
2. I'm using non-latin characters in words(I think it will be western latin characters for polish alphabet) - now we have problem with it - where should we set it up?
3. Text is alligned to left , can we center it?
I will be gratefull for any help, thank you ,
Damo
Wow, this information is great. Thanks for sharing.
I'd also like to know how to add a logo or graphics to the PDF file and align it left, centered or right. Is there anyone who can help with this?
Thanks
I downloaded the .zip file and try to run it in my computer but after I click the download nothing happen. (urgent issue.Thanks in advance!)
By the way I am using IE8. What should I do if I am restricted to upgrade my IE8? IE8 is my only browser. Can it be possible to continue this variable to pdf function?
