Hi all. I built a course earlier this year that contains a "notes" function to allow users to take a moment to reflect and type their thoughts on certain questions. This is used in place of a typical multiple response/choice type question. Thought I'd share it here with you! Here are the files: Screenr Part 1: Demonstration - https://player.vimeo.com/video/204928444 Screenr Part 2: How It Was Built - https://player.vimeo.com/video/204928450 Storyline Source: https://bit.ly/3Kd96as Published Output: https://bit.ly/3Z0hj5X Cheers! Stephanie

In my example, those are the names of Javascript variables that are created by the script and are used to contain the values of various StoryLine variables. I don't remember if it is the same in Stephanie's example but I believe that it is.The code can basically be split into several sections: // Opens a new window for printing myWindow = window.open("","Print","width=810,height=610,scrollbars=1,resizable=1"); // Launches the javascript function to get variable values. Gets storyline variables and assigns them to a java variable. The first part (before the =) is the new java variable. The second part (after the =) is a call to storyline to get the value from the specified storyline variable. var player=GetPlayer(); var headline=player.GetVar("PrintTitle"); var date=player.GetVar("SystemDate"); var exercisenotes1=player.GetVar("NotesOne"); var exercisenotes2=player.GetVar("NotesTwo"); // Creates a java variable called contents and assigns it with html content. The html content controls how and where the content appears in the print window. It includes the java variables that you just created and assigned storyline values to. var contents = "< html><head></head><body style='width:650px;padding:20px;'>" contents+="< div style='font-size:22px;font-weight:bold;margin-top:20px;margin-bottom:20px;'>"+headline+"</div>"; contents+="< div style='font-size:16px;'>"+date+"</div>"; contents+="< div style='font-size:18px;font-weight:bold;margin-top:10px;'>Activity Notes 1</div>"; contents+="< div style='font-size:17px;margin-top:5px;'>"+exercisenotes1+"</div>"; contents+="< div style='font-size:18px;font-weight:bold;margin-top:10px;'>Activity Notes 2</div>"; contents+="< div style='font-size:17px;margin-top:5px;'>"+exercisenotes2+"</div>"; contents+="< /body></html>" // Writes the html to the window and initiates the print function myWindow.document.write(contents); myWindow.document.close(); myWindow.focus(); myWindow.print();

Hi everyone - thanks for all of your comments. Sorry this took so long to reply too (travel and holidays out of the way, I'm back here on the forums daily). Katie - The javascript and email functions should work properly in HTML5. They are basic implementations, however, you may run into issues with the window popping up after clicking the print button on some devices so likely a more detailed css solution would play better across multiple html5 devides (tablets, phones). Seems to work decently in HTML5 on the desktop. The elevator sequence was created in PowerPoint using a single image that I sliced and diced, applied motion path animations too then exported as an .mp4 and imported into Storyline. Amr - There are some examples in the forums for code to print certificates/results. Using the built-in method - http://community.articulate.com/forums/p/36759/198052.aspx#198052 or customized method - http://community.articulate.com/forums/p/12471/75329.aspx Owen - You might need to disable protected mode in thebrowser, add the site to trusted sites or remove "javascript" from the code - what was "<button onclick='javascript:window.print();'>" becomes "<button onclick='window.print();'>" Bruce - Yes, you can enter lengthy text and it will be captured in its entirety in the email body, printed version too.

Hi all, I don't know if this will be helpful, but I have a free Storyline 2 Print/Email Notes Template on my website, along with links to tutorials and resources on the subject.You can download the template and/or read the blog post here: http://tracycarroll.net/storyline2-print-email-notes/

I got it to work! I had to copy the JS from one of the triggers, delete that trigger, create a new trigger with the copied code, and then change the case.

I never could get the print function to work correctly - not even in the downloaded file. The print window with its nice white background opens fine, but the print button in the new window does not function. I've tried both "" and "". Interestingly enough, if I start to change the print code, the email button stops working even though I am not making any changes to it. I settled for just printing the native page using nothing more than window.print(); as the javascript on my button.

User notes that they can print and email

TanyaBotha
Community Member
11 years ago

You rock! I truly aspire to this good one day! Only been in content development for 6 months but I am so hungry for knowledge.

Please share your ideas

Can you please assist with the functionality of converting the image to video to import into Storyline. I downloaded the Articulate presenter free trial and would like to give it a go.

The lift scene is amazing!
AngelaCarr1
Community Member
11 years ago
I was just desperately trying to figure out how to get this functionality into one of my projects! Thank you so much for sharing! I love this community!
AdamTruckenmill
Community Member
11 years ago

This idea is great! I have been trying to figure out a way to do this!

Just one question....Is anyone else having issues with the printing option working in IE? Both versions of the Storyline files (From Stephanie and Owen) work great in Google Chrome however neither one works for me in IE. I have tested in IE 10 all the way down to 7. Is there a setting that needs to be changed in IE in order for it to work?
AngelaCarr1
Community Member
11 years ago

Hi Everyone, I'm really excited about this functionality so I downloaded Stephanie's test file and loaded it into my LMS for testing. Her version worked perfectly for the email (I don't really need the print function for my project). So I was very excited and tried to replace her variables with my own (tiny testing project I've created for just such things), but to my dismay, I can't get it work. I've reworked it until I'm completely stumped. I know the functionality is there within my LMS, but when I publish my test course and click the email link....nothing. Any help would be greatly appreciated! I'm adding in the javascript and the variables in case anyone can see something I'm missing.
OwenHolt
Super Hero
11 years ago

I believe that the javascript is breaking at the first "unknown command" which is your get score command. Java doesn't like the variable name that contains the "." (Results.ScorePoints specifically). At least, that is my theory.

Try either removing this line from your code (since you are not using it in your email body currently) or...

if you will be using it in the future, first pass the StoryLine created variable into one of your own and then pull that one into your email body using javascript.
AngelaCarr1
Community Member
11 years ago
Thank you so very much Owen! That did the trick. I might not need the score, but if I do I'll know how to handle it. :)
RitaSedani
Community Member
11 years ago
This is absolutely fantastic!!! Thank you so much for being so willing to share.
OwenHolt
Super Hero
11 years ago

Adam Truckenmiller said:

....Is anyone else having issues with the printing option working in IE? Both versions of the Storyline files (From Stephanie and Owen) work great in Google Chrome however neither one works for me in IE. I have tested in IE 10 all the way down to 7. Is there a setting that needs to be changed in IE in order for it to work?

Adam,

I'm working with users that are primarily on IE 9 and I haven't seen any issues. Not sure which setting would be blocking it. Sorry.
jyothisita
Community Member
11 years ago

Hi Owen, Thank you so much for sharing this valuable info with the community. I have implemented the print functionality and uploaded the SCORM files on to our LMS (moodle) and found an issue of data saving. Initially we entered some data and exit the course from the summary of all notes page. This data has been saved in the LMS correctly in the first attempt but the problem here is "data is not getting updated when I come back and restart the course and re-enter the data. The data which is entered after restarting the course is not getting displayed in the summary of notes page instead it is displaying the old data.

Is there any possibility to replace old data with the new one every time when we entered data in the "text entry field"?

Any help would be appreciated....!!!!
OwenHolt
Super Hero
11 years ago
@ Jyothi
Check your "When revisiting" selection on the pages where you have the note entries. Chances are it is set to the default "Automatically decide." Change this over to "Reset to Initial State" and see if that solves the issue for you. Do the same on your results page.