Skip to main content
Participant
December 17, 2017
Question

Printing slide on html5 (Captivate 2017)

  • December 17, 2017
  • 2 replies
  • 1713 views

Hi, I currently have a problem with printing a slide in a html5 content in Adobe Captivate 2017. Whenever i try to print, the printing output seems to be off centered, i've tried to fit/un-fit the content in the print settings, but it persists. Any help would be apreciated, thx b4!

This topic has been closed for replies.

2 replies

Inspiring
January 13, 2021

I ran into this problem. I'm just using SCORM Cloud without an LMS (very simple use case), and my solution was the following:

Publish HTML5 with SCORM stuff, and then edit the CPLibraryAll.css, appending the following to the end of the line:

@217338 print{#cpMainContainer{transform:scale(0.6);}#main_container{position:static!important;left:0px!important;transform:scale(0.6)!important;}

 

This was enough for my needs, though one can get fancier, for example, defining CSS for is print is in Portrait or Landscape mode, etc. I'm not a CSS expert.


Caveats:

  • I used Notepad++ with the JSTool plug in. I would use the tool to JSFormat to edit, and then use JS min to make it compatiable with the Captivate JS files
  • Obviously, every time I upload a new version of the course/quiz, I will need to remember to make that change

 

I really wish Captivate would provide a proper IDS for advanced JS and CSS coding. There are so many that could be pulled in. That would be so cool. I was inspired by this presentation.

https://static.carahsoft.com/concrete/files/1014/9314/4287/Steven_Warwick_Part_2_-_A_Deeper_Dive_into_Developing_Custom_Interactions_in_Adobe_Captivate_Using_JavaScript.pdf

 

Why does everything have to be so hard.

Inspiring
January 13, 2021

that should be @217338, without the capitalization.

RodWard
Community Expert
Community Expert
December 17, 2017

Have you tried changing the print orientation to Landscape in your printer settings?

July 6, 2018

Rod (and others), sorry to wake this thread up in July 2018 but this is the first time in a while I've had a client who wants a certificate printed. As far as I can make out, if you use the javascript window.print() then,  if you're publishing as 'scalable html', the page will only print correctly if you have the browser window at the same size as the project size.

And.... correct me if I'm wrong... the certificate widget currently included by Adobe has problems of its own and doesn't always print correctly.

Your Flash widget worked absolutely faultlessly every time and I used it extensively. It's surprising how many people still expect paper certificates and I just want an html5 equivalent and would be happy to pay.

RodWard
Community Expert
Community Expert
July 6, 2018

I think you may be confusing me with another widget developer, Jim Leichliter.  He's the one that had the SWF print widget for Captivate.

At this point in time Infosemantics doesn't have any HTML5 widget that will do your printable certificate.