https://store-images.s-microsoft.com/image/apps.3716.5669438e-df3c-4cc6-bc95-69d2716fa27a.9d41b84c-7966-457d-a5ad-db1d7ef47d50.ca259539-3c1f-48d4-a325-81ab1ee3532f.png

HTML Content

Daniel Marsh-Patrick

Visualise column or measure values as HTML in your Power BI reports.

This visual is intended to be a spiritual successor to the HTML Viewer visual. All original functionality has been retained in that you can define your HTML in columns and add them to the visual and Power BI will attempt to render this for you. This allows you to add richer custom content to your reports.

This version also provides several enhancements that were popular feature requests to the original visual:

  • You can now use HTML generated from measures.
  • A Granularity container has been added, to allow you to create additional row context for measures without having to include that column data in the visual output.
  • You can opt to see the raw HTML rather than rendered HTML for debugging purposes.
  • By default, hyperlinks wouldn't work due to custom visual limitations, but in this version you can opt to delegate URL requests to Power BI, which will provide the user with a prompt and request their approval. Please note that if you're in he Power BI Service, URLs will open in a new tab. This is how URLs need to work inside custom visuals.

Refer to the visual's usage page (https://bit.ly/powerbi-html) for a guided example using these new features, or refer to the sample workbook.

Privacy Policy

  • This visual is released under the MIT License and is free and open source.
  • This visual's code does not collect your data. Data is accessed for display purposes only.
  • This visual allows a report author to supply their own HTML and scripting content via the Power BI data model. If you have specific privacy and/or security concerns about this HTML and scripting content, please refer such concerns to the author of the report.

Advanced Use Case Considerations

For those who are more web development-savvy and want to attempt more advanced content, a lot of the limitations that the original HTML Viewer visual had will still exist in this one; this is specifically to do with a number of restrictions imposed upon custom visual permissions by Power BI.

While the visual will have a good go at rendering the HTML content you supply, it only only passes your content into the DOM on your behalf. Therefore, you will need to bear the following in mind:

  • The browser(s) you are intending for your HTML content to be rendered in:
    • You will need to manage browser-specific behaviors if doing anything particularly complicated.
    • Note that Power BI Desktop is not a fully-functional web browser so may not render content in the same way as when reports are published to the Service.

  • Restrictions imposed upon the visual by Power BI:
    • Custom visuals run in a sandbox with the least amount of privilege.
    • Any content hosted inside the visual that needs elevated privileges will likely not work correctly.
    • This sandboxing also removes the domain from any custom visuals, so they can't impersonate powerbi.com.
    • Therefore, accessing services or embedding content from sites that have CORS restrictions will not work inside the visual.
    • These CORS restrictions are set by the target server and cannot be overridden from the client (our visual).

Funcionalidades del objeto visual
Cuando se usa este objeto visual,
  • Puede acceder a servicios o recursos externos.
  • De un vistazo
    https://store-images.s-microsoft.com/image/apps.46771.5669438e-df3c-4cc6-bc95-69d2716fa27a.9d41b84c-7966-457d-a5ad-db1d7ef47d50.37bdb55e-4f93-4c1c-a458-4a8a3b6dbcac.png
    https://store-images.s-microsoft.com/image/apps.59283.5669438e-df3c-4cc6-bc95-69d2716fa27a.9d41b84c-7966-457d-a5ad-db1d7ef47d50.016cd35b-63fe-4a64-8a86-d720a6c80653.png
    https://store-images.s-microsoft.com/image/apps.30690.5669438e-df3c-4cc6-bc95-69d2716fa27a.9d41b84c-7966-457d-a5ad-db1d7ef47d50.f3db8d65-f1b0-403f-b946-40f43bfca1b6.png
    https://store-images.s-microsoft.com/image/apps.11166.5669438e-df3c-4cc6-bc95-69d2716fa27a.9d41b84c-7966-457d-a5ad-db1d7ef47d50.e61ea274-8f94-4391-b00d-41f8da90dfcd.png