https://store-images.s-microsoft.com/image/apps.3716.6dc8520a-2d39-4255-9ae7-097b286560fb.ac0a4363-de78-41f3-8632-e32cfa6e7121.3edeb639-5830-4dad-856c-6fe9f95b0852

HTML Content

by Daniel Marsh-Patrick

(31 ratings)
Download SampleInstructions

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

Report authors can use the visual to write their own columns and measures using DAX, to create dynamic HTML content, or render existing content from their data model that contains HTML in their reports.

For information on getting started, worked examples, more detail on visual properties or version history, you can visit www.html-content.com to learn more.

Privacy Policy

(also available on the website)

  • 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, 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, and what actually gets rendered can depend on a several factors.

We keep a living document of everything we currently know about on the website, but at a high level these include:

  • 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).

Visual capabilities

When this visual is used, it
  • Can access external services or resources

At a glance

https://store-images.s-microsoft.com/image/apps.46771.6dc8520a-2d39-4255-9ae7-097b286560fb.ac0a4363-de78-41f3-8632-e32cfa6e7121.580bd27b-fd4c-4df2-bf10-773254ce65aa
https://store-images.s-microsoft.com/image/apps.59283.6dc8520a-2d39-4255-9ae7-097b286560fb.ac0a4363-de78-41f3-8632-e32cfa6e7121.dec76475-a25c-423e-a05f-c28c2901d8a3
https://store-images.s-microsoft.com/image/apps.30690.6dc8520a-2d39-4255-9ae7-097b286560fb.ac0a4363-de78-41f3-8632-e32cfa6e7121.0bb303c0-21d5-4540-9dac-7445580682dc
https://store-images.s-microsoft.com/image/apps.11166.6dc8520a-2d39-4255-9ae7-097b286560fb.ac0a4363-de78-41f3-8632-e32cfa6e7121.6973852a-2fc2-4e7a-8735-4c43367bf171