The Paradigm BI HTML Viewer for Power BI, ParaHtmlViewer, is now available from the store Business Apps – Microsoft AppSource. This visual is not certified, it uses vanilla HTML which can access stylesheets from CDN locations and images from URLs. There is a video on YouTube: Using the Paradigm BI Html Viewer in Power BI https://youtu.be/8dJEEF8QJwQ
This is a single Card HTML Viewer which can display Power BI Data, accept input and submit a form to a URL
You can download the sample file when you download the visual from appsource
This viewer loads its HTML from the data set, it's is up to you how you do this, but I have been loading this static data from an Azure Storage Blob using a simple Power Query statement:
Source = Lines.ToText(
Where HtmlUrlPath is a PowerBI parameter
In the sample file, there's a longer query where I grab a whole folder of files, which you may find useful. I've generally been using a publicly accessible container for these files, you may require a higher level of privacy.
Binding data to the HTML is fairly simple, just place an 'id' on a tag where you wish the measure to appear, I generally use a <p> tag for display, if doing data input do it like this
<input type="text" id="message" placeholder="Enter something here..." />
for SVG use the the <text> tag:
<text style="fill: rgb(51, 51, 51); font-family: Roboto; font-size: 21.6px; text-anchor: middle; white-space: pre;" x="53" y="62" id="result">80%</text>
I created that with Boxy SVG and then just added 'id=result' so that I could bind to the field and replace the 80% with my own measure.
Here's an image tag:
<img id="myImage" width="280" height="400">
That's all pretty simple, just use the id.
<link rel="stylesheet" href="https://firstname.lastname@example.org/build/pure-min.css">
There's more on how to get started in the video plus some explanation of the demo application.
Feel free to get in touch if you have any questions.