I have quite a few embedded reports that users need to be able to click a button and print the full report. I have GCC so I cannot use Power Automate. I saw where I could add the "HTML Content" visual to add a customized print button. I added that then added the following measure for the visual:
HTMLButton =
"<html>
<head>
<title>Print Button</title>
<style>
.print-button {
background-color: #a0d1ff;
border-color: #118dff;
border-style: solid;
border-width: 3px;
color: black;
padding: 4px 30px;
text-align: center;
display: inline-block;
font-family: Segoe
font-size: 9px;
cursor: pointer;
margin: 4px 2px;
}
</style>
</head>
<body>
<div id='report-container'></div>
<div class='print-button' onclick='printReport()'><b>Print</b></div>
<script>
function printReport() {
var element = document.getElementById('report-container');
var report = powerbi.get(element);
report.print();
}
</script>
</body>
</html>"
The button looks great but when I click on it from within the embedded report, nothing happens. Any ideas how to fix this, or any ideas on how to print an embedded report?
