User notes that they can print and email

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: http://bit.ly/INWKD7

Published Output: http://bit.ly/1gmwbnb

Cheers!

Stephanie

228 Replies
ronel taruc

I know the Articulate community's reputation for being helpful is something to be proud of but you Mr. Kingsley definitely proved that as an understatement. You even bothered to create a video tutorial for me :D Very grateful for this community and glad to inform you guys that my issue is solved 100%. THANK YOU.

ronel taruc

Hmm.. bumped into another problem. How come when I add the highlighted lines, storyline does not trigger the email window to pop up anymore? I am using Outlook btw. But without those lines, the email window pop ups just fine. Any help? I attached the whole java script if you need to see it. Thanks!

onEnterFrame (James Kingsley)

A few thoughts on this... 

  • Although the spec for hyperlinks (including mailto) does not define a maximum length, most browsers (and email clients) do. I am not certain what the current maximums are.. but IE's is 2083 characters. You are likely hitting a limit. 
  • Have you tried it in a browser with the Developer Console open? It should list the details of an errors in the console. 
  • Could there be issues with the values of that set of variables (fbk89-93)? Perhaps more invalid characters etc.

For something this complicated I might suggest you display the data in a new HTML page with options to print/save as pdf. Then they can email the PDF. 

Hedrick Ellis

Hi Articulate Community, this is my first post. I know this thread started a while ago but it still seems active since the ability to email and print notes is so cool! Hopefully, someone can help me. I've attached a Storyline file which is a stripped down version of the functionality that Stephanie demoed.

When I click the email button and print button nothing happens. (I've published the file, not viewing in preview). I've also copied the Javascript for the email piece below in case that might be helpful.

var player = GetPlayer();

var useremail=player.GetVar("email");

var subject="ECERS Class Notes";

var usernotes=player.GetVar("notes");

var exercisenotes1=player.GetVar("TextEntry2");
var exercisenotes2=player.GetVar("TextEntry3");

var mailto_link='mailto:'+useremail+'?subject='+subject+'&body=
'+"Activity Notes - My thoughts on the strengths of our program:%0d%0A"
+exercisenotes1+"%0d%0A%0d%0A
Activity Notes - Challenges in our program:%0d%0A"
+exercisenotes2+"%0d%0A%0d%0A"+usernotes;

win=window.open(mailto_link,'emailWin');

Jane Lomas

I know this is an old post, but thanks so much for sharing, this has been a life saver as I need to print a report from the current package I'm working on, and this works perfectly.

Just a note: when I used the date I got 13rd rather than 13th, I've found a comment on the following post with code that works so it will do 1st, 2nd, 3rd but not 13rd, in case it's useful for anyone.

(Courtesy of Mark Bennett)

var today = new Date();
var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var s = ["th","st","nd","rd"];
var day = today.getDate();
var month = today.getMonth();
var year = today.getFullYear();
var v = day%100;
var dd = day+(s[(v-20)%10]||s[v]||s[0]);
var date = dd + " " + monthNames[month] + " " + year;
var player = GetPlayer();
player.SetVar("SystemDate",date);

Bredell Evans Jr.

Hi Stepanie, 

I have a question that I really need your help with. I am wanting to do the exact same thing you did with sending notes to an email, but with what I am doing I am unsure of how to customize yours for what I am trying to do. Would I be able to possibly send you the storyline file of what I am doing and get some input of what I might do? Thanks so much for your post sharing

Tracy Carroll

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/

 

Erica Berghout

Hi Tracy,

Thanks for your reply! i used the print option, adjusted the java-script to fit my project.
One question. do you know how to ad a print-buton or an automatic function to open the print window??

Our workers ar not very used to work with computers, and i would help them to get the document printed.

In IE i can use the wright mouse button, but in firefox i cant find a way to print.

OWEN HOLT

Erica, 

In a different post (about html course certificates) I proposed a solution that builds your html print window with content from StoryLine and includes a print button on the page that is ignored by the printer. I think this process should work for you with user notes even in firefox. :-)
Link to post with code.

Madelaine Whalen

This is exactly what I'm trying to do for a course, but I can't get the Java run! All the variables are working perfectly within my course, but when I click my Print button nothing happens. 

I checked all my Storyline settings and they seem to match the file given in the original post, except I'm building in SL2 not 1. Help!!!