Custom Visual Web Page

LeboeufHarry — Sat, 30 May 2020 10:02:20 GMT

Hello,

I would like to create a Visual that just displays a web-page. The Url would be data driven.

As I'm a complkete TypeScript newbie I would first like to inform if this would be possible ?

Kind regards, Harry

Re: Custom Visual Web Page

dm-p — Mon, 01 Jun 2020 21:36:11 GMT

Custom visuals are themselves hosted in a iframe. The only sandbox attribute set is allow-scripts, so custom visuals are not very permissive.

In order to embed a web page, you'll need to add an additional iframe element to your visual and then its src attribute would need to be the data-driven URL. You'll therefore need to consider:

Whether your intended URL can be embedded in an iframe to begin with.
- Some websites or web apps explicitly block this cross-domain (using an X-Frame-Options setting on their side of things). If the web site is hosted or managed by yourself then you can probably manage this appropriately.
- If this is the case then you won't be able to use a custom visual.
If #1 works, then you will need to see if hosting that iframe in a sandboxed iframe (the custom visual container) still works, as:
- The sandboxing permissions applied to it may have downstream effects.
- The sandboxing removes the domain from the custom visual iframe so that it does not belong to powerbi.com.

Without getting into developing custom visuals, you would previously have been able to test this in Power BI using the HTML viewer custom visual, but that seems to have disappeared recently. I know that when people have tried this approach with certain sites, they might work in the Power BI Service (online) but not in Power BI Desktop due to some differences in how they work (this probably has something to do with the service being identified as powerbi.com but Desktop technically not being hosted at a specific loaction on the web... I haven't looked into it in great detail).

However, you could so a simple proof-of-concept test outside of Power BI with a .html file. Something like the following HTML could simulate an iframe being hosted in a custom visual's iframe:

(note that google.com definitely won't work as they do have the permissions detailed in#1 above set; this is just so that you can see where I'd be coding my intended URL).

Regards,

Daniel

topic Custom Visual Web Page in Developer

Custom Visual Web Page

Re: Custom Visual Web Page