Forum Discussion
Hide filter pane on Embedded report
Hi muchinski,
The property &filterPaneEnabled=False to hide the filters pane works in Power BI service embedded report. For Power BI Report Server, it is not a supported feature in current release. It will likely be part of a future release.
Regards,
Yuliana Gu
Power BI Report Server users can use the following workaround.
You can place white box on top of the Filters pane.
Use the following snippet to achieve that. Adjust containers' width and height to meet your needs.
<script src="../siteassets/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var frame = '<iframe width="100%" height="100%"
src="http://server/powerbi/report?rs:Embed=true"></iframe>';
$("#framecontainer").append(frame);
})
</script>
<style>
.ms-webpartPage-root{border-spacing:0;}
#reportcontainer{width:910px;height:750px;}
#framecontainer{float:left;width:875px;height:750px;}
#shield{
position:relative;
float:left;
width:34px;
height:750px;
background:white;
left:-34px;
}
</style>
<div id="reportcontainer">
<div id="framecontainer"></div>
<div id="shield"></div>
<div style="clear:both;"></div>
</div>
Appreciate the response. But was thinking what if the size of the page changes? will this white box be exposed then or it will it adjust accordingly? Sorry im not much into JS. Thank you.
karthikvalluri wrote:Appreciate the response. But was thinking what if the size of the page changes? will this white box be exposed then or it will it adjust accordingly? Sorry im not much into JS. Thank you.
If size of the page changes, the report will scale within the iframe. If needed iframe size can be adjusted changing embedded CSS style width and height for #reportcontainer and #framecontainer elements. For the #shield element only height needs to be adjusted.
This is cool thanks! just wondering if the same can be applied to the bottom tabs?
