cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
datavigilante Regular Visitor
Regular Visitor

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

1 ACCEPTED SOLUTION

Accepted Solutions
matthills Occasional Visitor
Occasional Visitor

Re: Possible to display embedded reports in full screen mode?

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!

View solution in original post

7 REPLIES 7
Moderator Eric_Zhang
Moderator

Re: Possible to display embedded reports in full screen mode?


@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 Regular Visitor
Regular Visitor

Re: Possible to display embedded reports in full screen mode?

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

Re: Possible to display embedded reports in full screen mode?

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!

View solution in original post

datavigilante Regular Visitor
Regular Visitor

Re: Possible to display embedded reports in full screen mode?

Thanks @matthills!  We are working through some other issues right now, but will try this as soon as we can!

 

David

datavigilante Regular Visitor
Regular Visitor

Re: Possible to display embedded reports in full screen mode?

Works great... thanks Matt!

 

David

Claconva2 Frequent Visitor
Frequent Visitor

Re: Possible to display embedded reports in full screen mode?

Hi team,

 

I'm trying to use this code to generate a button fullscreen in my web, but I have some questions. What I need to put in id="myLink"? I can't find the link of power bi embedded.

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

And in javascript, Do I need to change #reportContainer by the report id that I want to see on fullscreen?

  var embedContainer = $('#reportContainer')[0];

 

Sorry for my questions, maybe are very amateurs but I need to understand this to make this button to see my embedded reports on fullscreen.

MaheshChiliveri Frequent Visitor
Frequent Visitor

Re: Possible to display embedded reports in full screen mode?

If possbile please share me more information around this, Currently i have deployed the report in webpart over sharepoint i wanted show that in full screen.

Helpful resources

Announcements
October 2019 Community Highlights

October 2019 Community Highlights

October was a busy month in the community. Read the recap article to learn about some of the events and content.

New Badges

Incoming: New and Improved Badges

Exciting news: We've given our badges an overhaul and added brand news ones.

Ask Amir Anything

Exclusive LIVE Community Event No. 2 – Ask Amir Anything

Next in our Triple A series: Ask Amir Netz questions about the latest updates, features and future.

Analytics in Azure virtual event

Analytics in Azure virtual event

Experience a limitless analytics service built to ingest, prep, manage, and serve data for immediate use in Power BI.

Users Online
Currently online: 418 members 4,030 guests
Please welcome our newest community members: