Forum Discussion

SteveFlowers's avatar
SteveFlowers
Community Member
13 years ago

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 ...
storyline 360
JeffreyHurt's avatar
JeffreyHurt
Community Member

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 */
}
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.
JerryRisken's avatar
JerryRisken
Community Member
8 years ago

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

  • JeffreyHurt's avatar
    JeffreyHurt
    Community Member
    8 years ago

    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!

Related Content