Storyline: Course Certificate Template

i tested the link above, it still works

HI there,

I worked with my team to get this somewhat fixed,
as I had similar issues when printing CERTs.

try this java code as a trigger for the print:

var styles = `
@media print {
body, * { visibility: hidden; }
html, body { overflow: hidden; transform: translateZ(0); }
#slide {
transform: scale(1) !important; # Adjusted scale to 1 (no zoom)
}
#wrapper {
transform: scale(1) !important;
}
#slide,
#wrapper {
width: 100% !important;
height: 100% !important;
overflow: visible !important;
}
#frame {
overflow: visible !important;
}
.slide-transition-container {
overflow: visible !important;
}
@page {
size: A4 landscape;
max-height: 99%;
max-width: 99%;
}
.slide-container, .slide-container * {
visibility: visible !important;
margin-top: 0px !important;
margin-left: 0px !important;
}
#outline-panel {
display: none !important;
}
}
`;

var stylesheet = document.createElement('style');
stylesheet.type = 'text/css';
stylesheet.innerText = styles;
document.head.appendChild(stylesheet);
window.print();

first you have to export (Publish) this course into Review360,


then inside Rise, insert an interactive block for "Storyline",

then pop up option where you choose that course from Review360 to insert as a block.

Then it will run as a content block course.

Click the download course above,

Run the course (app),

modify the content to your needs,

then you have to export (Publish) this course into Review360,


then inside Rise, insert an interactive block for "Storyline",

then pop up option where you choose that course from Review360 to insert as a block.

Then it will run as a content block course.

HI Francis, can you explain where you add the java script?

As for the date, I include a second text box entry for learners to input the date. I haven't figured out an automation for it yet either.

i know this is a year old,

But try this:

try this java code as a trigger for the print:

var styles = `
@media print {
body, * { visibility: hidden; }
html, body { overflow: hidden; transform: translateZ(0); }
#slide {
transform: scale(1) !important; # Adjusted scale to 1 (no zoom)
}
#wrapper {
transform: scale(1) !important;
}
#slide,
#wrapper {
width: 100% !important;
height: 100% !important;
overflow: visible !important;
}
#frame {
overflow: visible !important;
}
.slide-transition-container {
overflow: visible !important;
}
@page {
size: A4 landscape;
max-height: 99%;
max-width: 99%;
}
.slide-container, .slide-container * {
visibility: visible !important;
margin-top: 0px !important;
margin-left: 0px !important;
}
#outline-panel {
display: none !important;
}
}
`;

var stylesheet = document.createElement('style');
stylesheet.type = 'text/css';
stylesheet.innerText = styles;
document.head.appendChild(stylesheet);
window.print();

I have the same