Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
5 years ago

Running multiple custom visuals at a time locally and passing data between them

Hello,   Is there a way to make two custom visuals communicate with each other? The idea here is to sync axis of the two custom visuals. When one of the custom visuals is zoomed in or zoomed out, ...
Need Help
Anonymous's avatar
Anonymous
Not applicable
5 years ago

Hi Anonymous ,

Which custom visual you are using? Do you want to zoom in or zoom out a certain custom visual on the page, and other custom visuals should be zoomed in or out accordingly? If yes, currently it is not possible to achieve it.

Best Regards

Anonymous's avatar
Anonymous
Not applicable
5 years ago

https://community.powerbi.com/t5/Developer/data-passing-between-2-custom-visuals-on-the-same-page/m-p/1572992#M26927

I was following the above thread. And I was trying to pass zoom coordinates from one i-frame to another using Javascript cross window message passing described in this link:

https://javascript.info/cross-window-communication#cross-window-messaging

However, I am getting cross origin error.

Any thoughts on this approach?

 

Thanks in advance!

  • dm-p's avatar
    dm-p
    Icon for Super User rankSuper User
    5 years ago

    Hi Anonymous,

    Custom visuals are run in a sandboxed iframe with the allow-same-origin attribute disabled, so looking at your example page, this scenario falls under the following exception and will therefore not work:

     

    If an iframe has a sandbox attribute, it is forcefully put into the “different origin” state, unless the allow-same-origin is specified in the attribute value. That can be used to run untrusted code in iframes from the same site.

    I have written up a bit about the custom visual sandbox here, if you want to know a little more about it and what challenges you might face when using them. It's probably worth looking at the CORS section, right after this one, too, to understand the cross-origin policy with respect to custom visuals.

    If you want instances of the same visual to communicate with each other, you can use the Local Storage API, but this has a number of pre-requisites, including being in the Marketplace and certified.

    Regards,

    Daniel