---
title: Power BI Custom Visuals - HTML Viewer
description: The HTML Viewer Power BI Custom Visual allows you to display the results of HTML code within your Power BI reports.
---

[Pragmatic Works Nerd News ](https://pragmaticworks.com/blog)

# [Power BI Custom Visuals - HTML Viewer](https://pragmaticworks.com/blog/power-bi-custom-visuals-html-viewer)

 Written by [Devin Knight](https://pragmaticworks.com/blog/author/devin-knight) | Sep 15, 2016

In this module, you will learn how to use the HTML Viewer.  The HTML Viewer allows you to display the results of HTML code within your Power BI reports.

### Module 72 – HTML Viewer

### Downloads

- Power BI Custom Visual – [HTML Viewer](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/Ejn3BZIKy-NHk0DHsQUqT5QBx8WaO5HCyu0Qo7pWOzaWmw?e=YCvkh2)
- Dataset – [Blog HTML.xlsx](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/Ep2wF_zAfllNjMWU8gjbqssBPXyZ2_48Qg9z7-AJJ1c11g?e=3HOF2y)
- Completed Example – [Module 72 – HTML Viewer.pbix](https://pragmaticworksonline.sharepoint.com/:f:/s/FileShare/Ep2wF_zAfllNjMWU8gjbqssBPXyZ2_48Qg9z7-AJJ1c11g?e=3HOF2y)

Key Takeaways

- Allows you to display HTML in its original style and formatting.
- Minor formatting can be applied to the overall output.

<https://devinknightsql.files.wordpress.com/2017/10/image3.png>

*This HTML Viewer shows the HTML from my blog rendered on a Power BI report.*

- Under the **Format** paintbrush there are only a few configurations that can be adjusted on this visual.
- Under the **Content Formatting **section you can determine if you want to display the formatting from the HTML code and you could use Power BI to apply formatting the the results instead.

<https://devinknightsql.files.wordpress.com/2017/10/image4.png>

You can also adjust the background color, add a border around the visual and lock the aspect ratio under the Format section.

### Find Out More

You will always be able to find this video module and advanced viewing of future modules on the Pragmatic Works On-Demand Training platform or [view my previous blog posts](https://blog.pragmaticworks.com/topic/power-bi-custom-visuals).

[View full post](https://pragmaticworks.com/blog/power-bi-custom-visuals-html-viewer)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Devin Knight"
  },
  "dateModified" : "2023-03-28T14:01:14.536Z",
  "datePublished" : "2016-09-15T14:15:30Z",
  "headline" : "Power BI Custom Visuals - HTML Viewer",
  "image" : {
    "@type" : "ImageObject",
    "height" : 200,
    "url" : "http://blog.pragmaticworks.com/hubfs/Banners/Power-BI-Banner.jpg",
    "width" : 600
  },
  "mainEntityOfPage" : "https://pragmaticworks.com/blog/power-bi-custom-visuals-html-viewer",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60.0,
      "url" : "https://blog.pragmaticworks.com/hubfs/PW%20Logo-2.png",
      "width" : 217.56097
    },
    "name" : "Pragmatic Works Blog"
  }
}
```