I'm creating a "Learning Plan" course that I'd like the ability for the learner to enter a self-reflection on each topic (different layers and different slides) and then have that information all appear on a printer friendly "take away". I'm thinking I could use data entry buttons but how can I get them to print?
I've found the best way to do that is to create an HTML page that is set up to look like what you want your printed page, and include that in your project folder. Then add a button to link to the HTML page. You HTML page should include javascript calls to pull information from variable within your project to add any text you want on your printed page.
To read variable from your project add the following javascript to your html page:
var player=window.opener.GetPlayer(); myVariable = player.GetVar("StoryVariable");
Hi David, I'll be honest, I have no idea how to create an HTML page or add java script. Is there an alternative solution that might be easier for the novice user? I'm open to anything, as long as the learner has the ability to print their thoughts.
Storyline wasn't really designed to print, and it can be a challenge to get print to work from what is really a web presentation anyway. I created an HTML page to access the browser's print capabilities to the user's printer to accomplish what I needed to do, which was print a certificate.
Sorry, but that is really the only way that I know of to print from a Storyline presentation.
maybe this will help. I've created an html file for you. This file will create a page that can print a block of text from your project.
To use this file, copy it into your project in the same folder where the story.html file is located. You will need to copy this back in each time you re-publish your project, so keep a backup copy.
In your project, create a button to access this page. You can call it print thoughts or something. Set the button to link to print.html like this:
Make sure that you save the text you want to print in a variable called myText like this:
When you click the button in your project, a new window will open with your text displayed and a print button at the top. To print, click the button.
I didn't want to make it too complicated for you Michelle. But you can take HTML and Javascript as far as you want. I hope one of those solutions work for you.
7 Replies
Hi Michelle,
I've found the best way to do that is to create an HTML page that is set up to look like what you want your printed page, and include that in your project folder. Then add a button to link to the HTML page. You HTML page should include javascript calls to pull information from variable within your project to add any text you want on your printed page.
To read variable from your project add the following javascript to your html page:
var player=window.opener.GetPlayer();
myVariable = player.GetVar("StoryVariable");
Hi David, I'll be honest, I have no idea how to create an HTML page or add java script. Is there an alternative solution that might be easier for the novice user? I'm open to anything, as long as the learner has the ability to print their thoughts.
Hi Michelle,
Storyline wasn't really designed to print, and it can be a challenge to get print to work from what is really a web presentation anyway. I created an HTML page to access the browser's print capabilities to the user's printer to accomplish what I needed to do, which was print a certificate.
Sorry, but that is really the only way that I know of to print from a Storyline presentation.
Hi Michelle,
maybe this will help. I've created an html file for you. This file will create a page that can print a block of text from your project.
To use this file, copy it into your project in the same folder where the story.html file is located. You will need to copy this back in each time you re-publish your project, so keep a backup copy.
In your project, create a button to access this page. You can call it print thoughts or something. Set the button to link to print.html like this:
Make sure that you save the text you want to print in a variable called myText like this:
When you click the button in your project, a new window will open with your text displayed and a print button at the top. To print, click the button.
Dave, you are awesome! Thank you!
These are both amazing! Thank you Matthew!
I didn't want to make it too complicated for you Michelle. But you can take HTML and Javascript as far as you want. I hope one of those solutions work for you.
This discussion is closed. You can start a new discussion or contact Articulate Support.