Skip to main content
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Join us for an expert-led overview of the tools and concepts you'll need to become a Certified Power BI Data Analyst and pass exam PL-300. Register now.

Reply
Pieter_BE
New Member

WinForms WebView2 Embedded PowerBI

‎06-28-2022 07:30 AM

Hi,

 

We are using PowerBI Embedded in a .NET 4.8 WinForms application.
For integrating the webpage, we use WebView2.

 

Since a few days our application is unable to show the reports. (No code changes in our client/server in a few weeks).

The message is 'The content is unavailble. More information about Power BI.> ' (translated from Dutch).

What have I tried:

- Checked the developer window of the WebView2, but no errors.

- Saved the HTML to file & opened in browser (both Edge & Chrome) -> works perfectly.

- Loading the HTML in WebView (old deprecated NuGet packages) -> works perfecly.
Left we see WebView2 and on the right is the WebView. The same html string is passed to both controls.

Pieter_BE_0-1656426115359.png

I cannot provide a sample project, since the reports are business information that cannot be spread.

 

I'm all out of idea's to pinpoint the problem. Any idea's/suggestions what I can try next?

 

Kind regards,

Pieter

Labels:
Message 1 of 3
1,181 Views
0
1 ACCEPTED SOLUTION
Pieter_BE
New Member

‎06-28-2022 10:45 PM

Problem solved itself!

I assume it was a bug related to the june release.

View solution in original post

Message 3 of 3
1,141 Views
0
2 REPLIES 2
Pieter_BE
New Member

‎06-28-2022 10:45 PM

Problem solved itself!

I assume it was a bug related to the june release.

Message 3 of 3
1,142 Views
0
Pieter_BE
New Member

‎06-28-2022 07:44 AM

This is the HTML that is used:
accesToken / embedUrl / reportId has to be filled in to work.

 

<html>
<head>
  <script src=""https://cdnjs.cloudflare.com/ajax/libs/powerbi-client/2.14.1/powerbi.min.js""></script>
</head>
<body>
  <div id=""reportContainer""/>
  <script>
    var accessToken = ""{accessToken}"";
    var embedUrl = ""{embedUrl}"";
    var embedReportId = ""{reportId}"";
    var models = window['powerbi-client'].models;

    var config = {{
        type: 'report',
        tokenType: models.TokenType.Embed,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedReportId,
    
        permissions: models.Permissions.All,
          settings: {{
         filterPaneEnabled: true,  
         navContentPaneEnabled: false,
       }}
    }};
    var reportContainer = document.getElementById('reportContainer');
    var report = powerbi.embed(reportContainer, config);
  </script>
</body>
</html>

 

Message 2 of 3
1,178 Views
0

Helpful resources

Announcements
Join our Fabric User Panel

Join our Fabric User Panel

This is your chance to engage directly with the engineering team behind Fabric and Power BI. Share your experiences and shape the future.

June 2025 Power BI Update Carousel

Power BI Monthly Update - June 2025

Check out the June 2025 Power BI update to learn about new features.

June 2025 community update carousel

Fabric Community Update - June 2025

Find out what's new and trending in the Fabric community.

View All