Print Fucntion Stretches the Image Full Page on Captivate 9, Help!

[zrussell13]

I have added a button to execute java code: windows.print();.  This works beautifully when previewing the lesson in IE, but when I publish this lesson it stretches the image to fit the full page (see images below).  I have to make each page of this lesson printable.  Is there something different I can do with the Java code to print the standard ratio of the lesson?

[dan561]

Looks like the print is defaulting to portrait and resizing to fit the page instead of using landscape. Some browsers (but not all) will obey the following addition to the CSS after publishing:

<style type="text/css" media="print">
  @page { size: landscape; }
</style>

You could ask your users to ensure they have landscape printing selected, but some won't know how, of course. The other solution I've seen is to make a PDF of every page that needs to be printed and have the PRINT button link to the PDF for that page.

[Eric Dumas]

You could consider publishing your course in pdf format to allow printing in a more controlled way.

[Lilybiri]

Sorry, Eric, some misunderstanding! If you publish a Captivate file to pdf, you get an interactive pdf (SWF-based), no way to have better printing from such a pdf which is in reality a SWF embedded on one page.

[Eric Dumas]

that is a very good point, I used it in the past to avoid paper wasting and keep the size consistent.

[zrussell13]

The previous developer was able to make the button work in IE without stretching the image when it printed, so I am trying to prevent duplicated my work by making PDFs if possible.