Forum Discussion
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: https://bit.ly/3Kd96as
Published Output: https://bit.ly/3Z0hj5X
Cheers!
Stephanie
- OwenHoltSuper Hero
Email worked like a charm in both google chrome and I.E. 9.
However, the print function only worked for me in chrome. In I.E.9 the window opened with the notes and the print button but the button did not function.
- EricaBerghout-1Community Member
Hi Owen, 3 years after your comment, im having the same problem. Did you find a solution?
Erica
- SidApolinarioCommunity Member
This is really very helpful. Thanks Stephanie!
- JacobFordhamCommunity Member
Great idea. We're looking at using this in a project we're working on and I can't wait to start building it in. I think we're going to try and edit in an email address so the user has to send it to the address we put in. Thanks for the tutorial.
- RebeccaFleischCCommunity Member
Stephanie this is super fantastic and so very generous.
As I said on the Screenr page (part 2) your technical and teaching skills are phenomenal. I remain a fan
- KatieVenitCommunity Member
Can anyone help me with some coding? I'm trying to get the date to appear in the email, but I keep getting a null value. I am a novice on JavaScript, so any help would be appreciated. I suspect it has something to do with the case-- in this script the case for systemDate is as so, but on the script to generate the date it's "SystemDate". However, whenever I try to change either one, I'll close the JS edit window and it won't save my JS edit (meaning, I'll change the systemDate below to SystemDate to match what's in the other code, and it'll revert back to systemDate when I close the JS edit window.) Do I have a ghost?
var player = GetPlayer();
var email=player.GetVar("email");
var subject="Educator Effectiveness Step 2 Completed";
var name=player.GetVar("name");
var date=player.GetVar("systemDate");
var mailto_link='mailto:'+email+'?subject='+subject+'&body='+name+" has completed the Educator Effectiveness Step 2 online module on "+date;
win=window.open(mailto_link,'emailWin');
- KatieVenitCommunity Member
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.
- StephanieSuper Hero
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.
- roneltaruc-5c94Community Member
For some reason when typing in lengthy text not all texts show in the email body :/ -- I wonder what's wrong. I also noticed that breaks aren't reflected either. The paragraphs just connect to each other in one line even though in the original entry they are separated. Thoughts?
- OwenHoltSuper Hero
Can you provide us an example? How much text are we talking about here? How many line breaks?
Do you have/can you provide any screen shots or .story files?
- johnfaulkesCommunity Member
Stephanie,
How is your client's implementation saving the Notes that people create? Do they retain when they close and reopen?
John.a.
- yunaBCommunity Member
this is a great asset to have in a course! Thanks so much for sharing!
- OwenHoltSuper Hero
Stephanie Harnett said:
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).
Owen - You might need to disable protected mode in thebrowser, add the site to trusted sites or remove "javascript" from the code - what was Print My Notes becomes Print My Notes
I'm not sure I see the difference there....