Overview

Open source, React-client widget without the authentication and integration logic

Documentation

Typical usage scenario

Mendix apps that show Power Bi Dashboards

Features and limitations

Show dashboard, reports and tables

Only the user interface part. The tokens and report id should be provided with user logic.

Configuration

1. Create an entity with ReportId, EmbedToken and AccessToken attributes (String)
2. Retrieve the data (see Links)
3. Place the widget on a context
4. Set the attribute with the ID of the report
5. Set the attribute with EmbedToken
6. Set the CSS normally if the class of the widget is powerbiembed the css should contain .powerbiembed div { height: 80vh; } . This should set the height to 80% of the  view height;

Retrieve the Id, EmbedToken and AccessToken

1. Get a PowerBi UserName and Password and optionally a Clientsecret.
2. The official documetation is at microsoft https://learn.microsoft.com/en-us/javascript/api/overview/powerbi/embedded-analytics-client-api?source=recommendations
3. https://learn.microsoft.com/en-us/rest/api/power-bi/embed-token/generate-token
4. https://medium.com/globant/how-to-embed-a-power-bi-report-in-react-f27e975e0a
5. https://www.kieferconsulting.com/2021/11/01/how-to-embed-power-bi-content-in-a-react-application
6. https://www.mayainsights.com/guides/how-to-embed-power-bi-report-in-web-application (Leave out the code)

Known bugs

Frequently Asked Questions [optional]