Do you want to reward learners with a certificate when they successfully complete a course? Then download this certificate of completion template to use in your own projects. This template uses the print slide trigger in Storyline 360, which allows learners to print the contents of a specific slide.
I'm sorry that's happening, Marta Bou! Do you have the latest version of Storyline 360 installed? You can manually check for updates here: https://community.articulate.com/articles/articulate-360-installing-updating-and-managing-the-desktop-app#check-for-updates
Hey Karen! That's definitely not the expected behavior. I wasn't able to replicate the issue. 🙁 Please reach out to our support team so they can dig into why that's happening and hopefully resolve it. 🤞 https://articulate.com/support/contact
Oh no! I'm sorry the download isn't opening, Joyce. Do you have the latest version of Storyline 360 installed? You can manually check for updates here: https://community.articulate.com/articles/articulate-360-installing-updating-and-managing-the-desktop-app#check-for-updates
Love this and thanks for sharing. Do you know if it's possible to have a date added automatically too? I have tried several solution but non of them seem to work.
I have used java script to get the system date from the computer. You can use this link to get the code:
https://community.articulate.com/discussions/articulate-storyline/date-format-for-system-date
This is one of my favorite items! I added it to all our courses as we have learners who like to have their own record and not just the one on the LMS, also, for our HTML users, this has been a game changer. Thanks!
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.
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.
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-contai... Expand
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();
30 Comments
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... Expand
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-contai... Expand