Embed a Tableau workbook in a Cumulocity dashboard

[chris.gibbons]

Product/components used and version/fix level:

Cumulocity (on-prem) 1018.0.201

Detailed explanation of the problem:

I’m wanting to embed a published Tableau chart/workbook using the HTML Widget.

Any suggestions for how to add the Content Security Policy? Is there a place this can be added via the Cumulocity UI?

Alternatively, we can create a widget and/or app for this - any specific tips for this?

Error messages / full error message screenshot / log file:

Browser console log

app.c87c242e98e7b83c4944.js:2 Refused to load the script ‘https://tableauserver/javascripts/api/tableau.embedding.3.latest.min.js’ because it violates the following Content Security Policy directive: “script-src ‘self’ *.mapquestapi.com *.bugherd.com *.twitter.com *.twimg.com *.aptrinsic.com ‘unsafe-inline’ ‘unsafe-eval’ data:”. Note that ‘script-src-elem’ was not explicitly set, so ‘script-src’ is used as a fallback.

Question related to a free trial, or to a production (customer) instance?

Customer Production instance

[Tristan_Bastian]

Hi @chris.gibbons,

There is no option to set the CSP via UI.
The CSP is baked into the UI build, so you would have to do your own UI build to adjust it.

You could e.g. create your own custom cockpit app, based on the default cockpit app, details on how to do it, could be found here: Overview - Cumulocity IoT Guides
Once you’ve created your own app, you should be able to adjust the default CSP in the package.json.

Regards,
Tristan