I have not been able to see the open-ended content captured in our LMS and I know many of us have requested the ability to have the box and record the answers in Storyline and Rise.
In this course, I used the "execute java script" trigger and some Java Script someone else had created that I found on one of these help boards to capture the text the learner enters. At the end of the course, the learner can print out their notes and has an outline of their presentation ready to go. https://360.articulate.com/review/content/6b2dd0ea-e2a9-4872-8235-0dae5df3614f/review
Really nice Kristin! Would you mind providing the source file or pointing me to the help board where you found the code to capture/print the text? Thanks!
Here is the code I used. I am not sure what board I got it from. It's been a while now since I made this course, so I hope I remembering correctly, but I created text entry variable for each answer. Then in the code, I replaced the placeholder variables with my variables. In the code below you will see my variables (purpose, goal, intro, etc). On the screen where the print button was located I ran a trigger:
If you know a bit of HTML you can change the look of the text a bit. I left the print out pretty basic. Hope that helps.
// Step 1. Connect JavaScript to the Storyline variables
var player = GetPlayer();
var textEntry1=player.GetVar("Purpose");
var textEntry2=player.GetVar("Goal");
var textEntry14=player.GetVar("Intro");
var textEntry3=player.GetVar("MainIdea");
var textEnt... Expand
Here is the code I used. I am not sure what board I got it from. It's been a while now since I made this course, so I hope I remembering correctly, but I created text entry variable for each answer. Then in the code, I replaced the placeholder variables with my variables. In the code below you will see my variables (purpose, goal, intro, etc). On the screen where the print button was located I ran a trigger:
If you know a bit of HTML you can change the look of the text a bit. I left the print out pretty basic. Hope that helps.
// Step 1. Connect JavaScript to the Storyline variables
var player = GetPlayer();
var textEntry1=player.GetVar("Purpose");
var textEntry2=player.GetVar("Goal");
var textEntry14=player.GetVar("Intro");
var textEntry3=player.GetVar("MainIdea");
var textEntry4=player.GetVar("Point1");
var textEntry5=player.GetVar("Point2");
var textEntry6=player.GetVar("Point3");
var textEntry7=player.GetVar("Point4");
var textEntry8=player.GetVar("Point5");
var textEntry9=player.GetVar("Explain1");
var textEntry10=player.GetVar("Explain2");
var textEntry11=player.GetVar("Explain3");
var textEntry12=player.GetVar("Explain4");
var textEntry13=player.GetVar("Explain5");
var textEntry15=player.GetVar("Conclusion");
// Step 2. The HTML Section - with the Storyline variables inserted
var contents = "";
contents+="Notes for Your Presentation";
contents+="";
contents+=" Purpose";
contents+=""+textEntry1+"";
contents+=" Goal";
contents+=""+textEntry2+"";
contents+=" Introduction";
contents+=""+textEntry14+"";
contents+="Main Idea";
contents+=""+textEntry3+"";
contents+="First Point";
contents+=""+textEntry4+"";
contents+="Explanation 1";
contents+=""+textEntry9+"";
contents+="Second Point";
contents+=""+textEntry5+"";
contents+="Explanation 2";
contents+=""+textEntry10+"";
contents+="Third Point";
contents+=""+textEntry6+"";
contents+="Explanation 3";
contents+=""+textEntry11+"";
contents+="Fourth Point";
contents+=""+textEntry7+"";
contents+="Explanation 4";
contents+=""+textEntry12+"";
contents+="Fifth Point";
contents+=""+textEntry8+"";
contents+="Explanation 5";
contents+=""+textEntry13+"";
contents+="Conclusion";
contents+=""+textEntry15+"";
contents+= "";
// Step 3. Open the document window, write the HTML contents, and open the print window
var myWindow = window.open("","Print","width=810,height=610,scrollbars=1,resizable=1");
myWindow.document.write(contents);
myWindow.print();
Kristin Warehime | Instructional Designer
Federated Insurance - Learning Center
Mail Code A-SW06
O: 507-455-5399 | C: 507-363-2462 | E: kywarehime@fedins.com
Hi, Kristin! This is such a great presentation, I have been going around in circles trying to figure out how to do the same thing for a project I am working on. If it isn't too cheeky, would I be able to ask for a copy of the PDF you created?
Forever grateful! Karyn.
15 Comments
Here is the code I used. I am not sure what board I got it from. It's been a while now since I made this course, so I hope I remembering correctly, but I created text entry variable for each answer. Then in the code, I replaced the placeholder variables with my variables. In the code below you will see my variables (purpose, goal, intro, etc). On the screen where the print button was located I ran a trigger: If you know a bit of HTML you can change the look of the text a bit. I left the print out pretty basic. Hope that helps. // Step 1. Connect JavaScript to the Storyline variables var player = GetPlayer(); var textEntry1=player.GetVar("Purpose"); var textEntry2=player.GetVar("Goal"); var textEntry14=player.GetVar("Intro"); var textEntry3=player.GetVar("MainIdea"); var textEnt... Expand