How to enable fullscreen button on embedded Report

Hi， 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);
    };

2.https://community.powerbi.com/t5/Developer/Possible-to-display-embedded-reports-in-full-screen-mode/...

 

<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>

 

https://stackoverflow.com/questions/63401563/power-bi-embedded-is-there-a-way-to-set-an-onfullscreen-event-handler

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.

Hi， bwanRPD ；

 

Is your problem solved?? If so, Would you mind accept the helpful replies as solutions? Then we are able to close the thread. More people who have the same requirement will find the solution quickly and benefit here. Thank you.
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.