Print Button
Create a button to function as "Ctrl + P".
Requirement:
-
Premium Plan
-
Turn on Dev Mode
Add JavaScript
-
Access to Dashboard -> Setting -> Tracking & Analytics
-
Click New Tool -> Custom
-
Copy below code inside the Paste the code snippet here
-
Follow the setting as the image shown
<script>
window.onmessage = event => {
if (event.data == "print"){
window.print()
}
}
</script>
Add a Print Button
-
Access the Editor, select Dev Mode, click Corvid to Trun on Dev Mode
-
Add a Button, right-click the button element -> Properties
-
Name the ID to printButton (Optional)
-
Click + next to onClick
-
A function code will be added under the Page Code area at the bottom
-
Insert below code inside the function (There will an error highlighting the #html, it will be fixed in next step.
$w('#html1').postMessage("print");
Add HTML iframe
-
Add iframe from Add -> More -> Embeds
-
Right-click the iframe, click Properties
-
name the iframe to html1
-
Copy the below code, paste inside the iframe
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test</title>
</head>
<body onload="init();">
<script type="text/javascript">
function init () {// when a message is received from the page code
window.onmessage = (event) => {
if (event.data) { window.parent.postMessage(event.data, "*");
}
}
}
function insertMessage(msg) {
window.parent.postMessage(msg, "*");
}
</script>
</body>
</html>
