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

BjWilson
Community Member
11 years ago
The link above opens in gmail for me as do all mailto links but the
javascript in the demo file is not using a mailto link. In the javascript for this file it uses "win=window.open(mailto_link,'emailWin');" which I think is what opens Outlook whereas the javascript I quoted uses the mailto link for opening a gmail compose window that I thought maybe able to be utilized for gmail users but also grabbing the other variables so that gmail users can get the same email results as Outlook users.
BjWilson
Community Member
11 years ago
Found my problem and fixed it now this all works from gmail. Thank you to Matthew Bibby and to Stephanie Harnett. Somehow my email settings had become corrupted so via the control panel in windows 7,default programs, associate a program or file tab, I set Chrome as my mailto program by changing the mailto association, and from within chrome I went to chrome://settings/handlers and set mailto to: mail.google.com. Posting this here in case anyone else finds Outlook taking over mailto links when they want to use gmail.
christinejezior
Community Member
11 years ago
Thanks Stephanie for sharing. You did an amazing job!
EdSteeds
Community Member
11 years ago
This is fantastic. Thank you for sharing it. I have a question. Does it store the variable between sessions. So far each time I load it it cleans out the values despite making the course resume on reload.
RichardSharp399
Community Member
11 years ago
Stephanie, that is fantastic. Thank you for sharing
MareeEilman1
Community Member
11 years ago
WOW Stephanie this is brilliant! I need to this very same thing on a project I'm working with - Hope I can execute as well as you did. Wish me luck.
KennethKing-a5e
Community Member
11 years ago
This is AWESOME! Thinking of future projects I can use this on.
chiragvaghani
Community Member
11 years ago
I cannot open my notes.story?????? Pleas suggest me which program can open notes.story?
- WendyFarmer
  Super Hero
  11 years ago
  Hi Chirag
  
  notes.story is a Storyline 1 source file. You can open to edit and publish it in SL1 or if you open it with SL2 it will convert it to a SL2 file.
Carlene
Community Member
11 years ago
This is brilliant! Thanks for sharing Ive been trying to do something along these lines for a while :)
CarmenJenkins3
Community Member
10 years ago
Does this work in Moodle? I have adjusted your provided code with my variables and information, but nothing happens at all when the icons are clicked. Any thoughts?