Skip to content

Instantly share code, notes, and snippets.

@PatD
Last active October 21, 2020 17:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PatD/c8d271dc76ad31632e8d293ce2d69123 to your computer and use it in GitHub Desktop.
Save PatD/c8d271dc76ad31632e8d293ce2d69123 to your computer and use it in GitHub Desktop.
Power BI "Publish to Web" CSS to hide gray bar under report
<!--
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