Last active
October 21, 2020 17:17
-
-
Save PatD/c8d271dc76ad31632e8d293ce2d69123 to your computer and use it in GitHub Desktop.
Power BI "Publish to Web" CSS to hide gray bar under report
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- | |
In <iframe>, adjust height to some number safely above the height of the embed page | |
Tweak the 3rd clip value to some reasonable number to hide the gray bar | |
Adjust the min-height in .pbi | |
--> | |
<style> | |
.pbi{ | |
position:relative; | |
min-height: 450px; | |
} | |
.pbi iframe{ | |
position:absolute; | |
clip:rect(0px,1100px,543px,0px); | |
top:0; | |
} | |
</style> | |
<div class="pbi"> | |
<iframe | |
loading="lazy" | |
src="https://.... [URL to Public Power BI Dash ]" | |
height="600" | |
width="100%" | |
frameborder="0" | |
scrolling="no" | |
allowFullScreen="true" | |
></iframe> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment