Forum Discussion
bwanRPD
4 years agoFrequent Visitor
How to enable fullscreen button on embedded Report
Hi, In the past, I was able to embed reports on my website with an icon that allows for fullscreen, like the below: For some reason now, when I embed, even though I have allowfullscreen="allo...
v-yalanwu-msft
Community Support
4 years agoHi, bwanRPD ;
You may take a look at the post below.
1.https://stackoverflow.com/questions/40461309/power-bi-web-report-display-in-full-screen
$scope.toggleFullScreen = function () {
var iframe = angular.element(_iframeId);
var elem = iframe[0];
var requestFullScreen = elem.webkitRequestFullScreen || elem.requestFullscreen || elem.msRequestFullscreen || elem.mozRequestFullScreen || elem.webkitRequestFullscreen;
requestFullScreen.call(elem);
};
<script type="text/javascript">
function fullscreen() {
// Get a reference to the embedded report HTML element
var embedContainer = $('#reportContainer')[0];
// Get a reference to the embedded report.
report = powerbi.get(embedContainer);
// Displays the report in full screen mode.
report.fullscreen();
}
</script>
Best Regards,
Community Support Team_ Yalan Wu
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.