Forum Discussion
Example files: Generating a certificate from Storyline
This example demonstrates how you can take user input and generate a certificate for printing. Any Storyline variable or score can be used to generate the output. The file and file add-ins are both ...
Hi Leslie,
I was trying to do the same thing, but it seems that the HTML code is less than perfect for this because not all browsers will force the page to print in landscape. In the style section there is a command you can use that looks like this:
@page {
size: landscape; /* auto is the initial value */
size: landscape; /* auto is the initial value */
}
It works on some browsers, but not all. There may be a way to get more browsers to respond, but my HTML knowledge is limited. We opted for help files telling people how to print landscape.
Hi Jeffrey,
I apologize for the novice questions, but what do you mean by "style section"? Is this in the print dialog box javascript?
Thanks,
Jena
Hi Jena,
The "style section" is in the head section of an HTML file, usually where the styles are found.
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body><h1>A heading</h1>
<p>A paragraph.</p></body>
</html>There are several different styles you can apply, but unfortunately most HTML codes/commands for forcing something to print landscape instead of portrait (really anything related to printing) depends on the browser you are using. The ideal solution is to convert to a PDF because that is a standard. While HTML5 is a "standard" Safari, FIrefox, Chrome, and Edge have styles they like and others they ignore.
One of the many reasons the death of Flash is a true tragedy. Hope that helps!
Hi Jeffrey,
Could you please share a sample storyline file with this functionality? I need to download the certificate with the learner's name on it, to print just as it appears in the storyline slide. Please help.
