I have created a site for a client that has spec sheets that need to be printable. You can see it here at kaswell(dot)com/product-sheets. Go to Alder Strip block to see. I have been somewhat successful as the print button will pull the print page up to print or save as PDF but:
Only part of the main placed image shows and the rest have been whited out.
The print button usually will only work once. If you hit it again, you get an error.
The code I am using is:
<!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><!--HTTPS only...-->
On a separate note, I also cannot figure out how to place my specs into the appropriate table so they don't keep spreading out all over the page.
Thank you!