Hi, I would like to add a button that would allow the user to print the page. It seems like the easiest way would be to add a trigger to a button to execute javascript. Unfortunately, I know nothing of javascript. Can someone help me out with what need to goes into that script box? Thank you!!

To the question about not printing the "print me" button, you might try adding a trigger to hide the print button before calling the JavaScript to print the page. To the question about printing to landscape orientation - unfortunately, the browser interface through JavaScript doesn't offer any controls of the print dialog options. You can ask the browser to print the page but that's about it. There are some tricks you can run if you have some Flash authoring / ActionScript skills and access to Flash but short of that you're stuck either 1) asking the user to change the print settings to landscape or 2) living with the portrait default.

I too know next to nothing about javascript but I believe if you add the following as a your script it will print the current window: window.print(); At least is worked for me once...

I don't know whether this assist others in this thread, but I came up with an alternate solution. It's a bit more involved on the Javascript side. I create an entire new HTML page using Javascript that you can brand and form anyway you like, then use the browser controls to print. It is more involved, and you would probably need a good HTML lay-out person to get your branding/layout correct, but it works in all browsers and evidently is not even cached, just placed in temp memory. Here's the link: https://community.articulate.com/discussions/articulate-storyline/creating-a-dynamically-built-html-form-from-storyline

Yes that should do it. So Alex, you can create a button in Storyline and then add a trigger using the JavaScript Action. Click the ... button beside the work Script and add the code there. You have to publish your coure to see it working. JavaScript does not work in Preview mode.

I just used the JavaScript Action and it worked for me! Thank you so much for sharing this information!

Print button - javascript | Articulate

ArturTrzebunia1
Community Member
12 years ago

I believe the reason why Chrome and Firefox sometimes display a blank HTML page when invoking the window.print() function is because Storyline runs your project as a flash object on the PC/Mac. When you right click on the Flash object you can click "Print" to print that slide. So, is there a javascript command that will invoke the Print function from the Flash object's menu?
ErikaP
Community Member
11 years ago

Artur Trzebunia said:

I believe the reason why Chrome and Firefox sometimes display a blank HTML page when invoking the window.print() function is because Storyline runs your project as a flash object on the PC/Mac. When you right click on the Flash object you can click "Print" to print that slide. So, is there a javascript command that will invoke the Print function from the Flash object's menu?

I am also using Chrome and looking for the option to print from the Flash menu using a button/command. Any suggestions?
- ZubeidaKudoos
  Community Member
  9 years ago
  I wasn't able to find a solution, but instead I created a button which opens a light box slide and explains to learners to right click on the slide and select the Print option...not sure if that work around is an option.
JorgeLugo
Community Member
11 years ago
Timothy, but it just work with the result page or we can use to print any slide?
OmarWilkinson
Community Member
13 years ago
This in formation was great. I too know nothing aout Java scripts. I used the script and it printed the page. However, the button showed in the print. Is there away that I can put the button on another slide and enter a script to print a particular page or hide the button from printing?
ErikaRomenesko1
Community Member
13 years ago
Similar to Omar, I am looking for some code to take the text from the text entry (which is set to a variable (UserNotes) and print just that. Not the screen or any other buttons. Any suggestions or resources? Thanks!
JesseSpinella
Community Member
13 years ago
Is there any more information on this topic anyone could link to or share? I'm also wondering about printable features within Java Script triggers.
JesseSpinella
Community Member
13 years ago

Omar Wilkinson said:

This in formation was great. I too know nothing aout Java scripts. I used the script and it printed the page. However, the button showed in the print. Is there away that I can put the button on another slide and enter a script to print a particular page or hide the button from printing?

On page 1, I had the button link to a new slide with a trigger that says: Execute Javascript when the timeline starts. In the ... button I inputted the JavaScript print command. This avoids having to do anything funky with the Print Screen button. I ended up putting the variables and scoring page on a second slide that was 'printer friendly,' basically I created a new page with my own table.

It'll print the page the moment the user clicks the Print button on page one.
JesseSpinella
Community Member
13 years ago
Actually, correction, it printed the previous slide, not sure why. So, I just added a print button at the bottom of this page, simple fix. Doesn't get in the way of the table.
CajiR
Community Member
13 years ago
Thanks for the tip on window.print(); It worked for me. How can I get the window to automatically print in landscape orientation? What do I need to add to the JavaScript code?
stevenrogers
Community Member
13 years ago

Has anyone come across any problems using this with Chrome/Firefox? It seems to work fine every time through IE but randomly when I click the button the preview will come up blank, and print a blank page for both Chrome and Firefox even though it's the exact same course that is working in IE.
- GunjanKothari
  Community Member
  10 years ago
  @steven rogers, I have faced the same problem, and the reason was height of the page. You must give some height to your page to get the result in Print Preview / Print