Forum Discussion

datavigilante's avatar
datavigilante
Helper I
8 years ago
Solved

Possible to display embedded reports in full screen mode?

Hello all,

 

 

I have the App Owns Data sample running, but was wondering, is it possible to allow the embedded report to be displayed in full screen mode?

 

Any assistance would be greatly appreciated... thanks!

David

Need Help
  • matthills's avatar
    matthills
    8 years ago

    Don't know if you solved this or not, but it is possible to open embedded reports in fullscreen mode using javascript:

     

    1. Add a button to the page:

     

    <button id="myLink" onclick="fullscreen()">Fullscreen</button>

    2. Add the javascript to get the report container id and open it in fullscreen 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>

    Hope this helps!

8 Replies

  • Eric_Zhang's avatar
    Eric_Zhang
    Microsoft Employee
    8 years ago
    datavigilante wrote:

    Hello all,

     

     

    I have the App Owns Data sample running, but was wondering, is it possible to allow the embedded report to be displayed in full screen mode?

     

    Any assistance would be greatly appreciated... thanks!

    David

    datavigilante

    If you're referring to auto-fit-to-page, there're only 3 options for embedding reports,  'fitToWidth','oneColumn' and 'actualSize'.

     var config = {
 type: 'report',
 tokenType: models.TokenType.Embed,
 accessToken: accessToken,
 embedUrl: embedUrl,
 pageView: "fitToWidth", 
 id: embedDashboardId
 };

    If you mean F11 full screen mode, it seems impossible, see this.

    • datavigilante's avatar
      datavigilante
      Helper I
      8 years ago

      Hi Eric, 

       

      Thank you for the pageView settings and link.

       

      Just to be clear, I don't need it to open in full-screen mode on launch as mentioned in the link you provided.  I just want the users to have the ability to switch to full-screen mode as needed.

       

      Is this not possible as far as you know?

       

      thanks for your help!

      David

      • matthills's avatar
        matthills
        New Member
        8 years ago

        Don't know if you solved this or not, but it is possible to open embedded reports in fullscreen mode using javascript&colon;

         

        1. Add a button to the page:

         

        <button id="myLink" onclick="fullscreen()">Fullscreen</button>

        2. Add the javascript to get the report container id and open it in fullscreen 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>

        Hope this helps!