Solved: WinForms WebView2 Embedded PowerBI

Pieter_BE · ‎06-28-2022

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.

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

Pieter_BE · ‎06-28-2022

Problem solved itself!

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

View solution in original post

Pieter_BE · ‎06-28-2022

Problem solved itself!

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

Pieter_BE · ‎06-28-2022

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>

WinForms WebView2 Embedded PowerBI

Helpful resources

Microsoft Fabric Learn Together

Power BI Monthly Update - April 2024

Fabric Community Update - April 2024