Good News! Thanks to genius idea from a team member I think we've managed to solve this problem!
If you are embedding the PBIRS report in some sort of a HTML page (or a page that allows HTML) then the idea is to embed it into a container and extend the height of the iframe by say 50 px so that the page bar at the bottom of the report goes out of vertical view. This would cause a scroll bar to show up by default so we disable the scrollbar in the code too. End result is that the page bar is technically there, but it has been pushed out of view.
Here's how it would appear.. the full report in all it's glory! 🙂
Here's the sample code for the HTML page.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Power BI Report Embed</title>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden; /* Hide scrollbars */
}
.iframe-container {
position: relative;
width: 100%;
height: 100%; /* Full viewport height */
overflow: hidden; /* Hide scrollbars */
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 50px); /* Increasing the height so that the bottom page bar goes out of viewing area */
border: none;
}
</style>
</head>
<body>
<div class="iframe-container">
<iframe src="http://yourReportServer/full/path/to/your/report?rs:embed=true" ></iframe>
</div>
</body>
</html>
Helpful resources
Join us at the Microsoft Fabric Community Conference
March 31 - April 2, 2025, in Las Vegas, Nevada. Use code MSCUST for a $150 discount!
We want your feedback!
Your insights matter. That’s why we created a quick survey to learn about your experience finding answers to technical questions.
Microsoft Fabric Community Conference 2025
Arun Ulag shares exciting details about the Microsoft Fabric Conference 2025, which will be held in Las Vegas, NV.
A Year in Review - December 2024
Find out what content was popular in the Fabric community during 2024.
