Integrate visualization from an website to a Qlik app

[sde821]

Hi everyone,

I'am new to Qlik and I couldn't find other questions about my problem. Maybe some of you can help.

I want to integrate a visualisation from an external website via code-snippet into a Qlik App. With this code-snippet

<iframe src="https://www.dashboard-deutschland.de/iframe/tile_1666960424161?mtm_campaign=dd-embedding?darkmode=fa..." ></iframe>

a visualisation from an external website can be shown in our own website.

Did someone know if an third-party visualization can also be embedded in a Qlik app?

Thanks for response!

[alex_colombo]

Hi @sde821 , you cannot do this in a Qlik Sense App. You have basically three options:

1. Import into Qlik App the data behind your third-party viz and then use Qlik visualizations for rendering those data
2. Create a Mashup (a single page application), where you can show vizs from Qlik App and your third-party viz.
3. Create a custom extension which render your third-party viz

[sde821]

Thank you Alex_colombo!

I think I'll try option 3.

BR, Anna

[stefanstoichev123 · Accepted solution]

@sde821 i had some free time and prepared something for your case. Its a very simple extension that allows embedding iFrame into an dashboard. 

Feel free to use it as it is or to use the code as a base for your extension.

https://github.com/countnazgul/qlik-iframe-extension

Stefan

[sde821]

Hi Stefan,

I tried your extension with this iframe from above and it doesn't worked:

<iframe src="https://www.dashboard-deutschland.de/iframe/tile_1666960424161?mtm_campaign=dd-embedding?darkmode=fa..." ></iframe>

I also tried this one which also wasn't working:

<iframe src="https://www.vfa.de/static/iframes/174053/index.php" height="915px" scrolling="no" seamless="seamless" frameborder="0" style="border: none; overflow: hidden; width: 100%; max-width: 1000px; min-width: 280px;" ></iframe>

Am I doing something wrong?

BR, Anna

[stefanstoichev123 · Accepted solution]

@sde821 just pass the url in the extension props - https://www.dashboard-deutschland.de/iframe/tile_1666960424161?mtm_campaign=dd-embedding?darkmode=fa...

Stefan

[sde821]

Thank you so much! Now it works.

BR, Anna

[sde821]

Hi Stefan,

it works only on full size of the Dashboard. Is it somehow possible to resize it smaller or does it only work full size?

BR, Anna

[sde821]

I prepared the link a bit to resize it:

https://www.dashboard-deutschland.de/iframe/tile_1667208064878?mtm_campaign=dd-embedding?darkmode=fa..." height="415px" scrolling="no" seamless="seamless" frameborder="0" style="border: none; overflow: hidden; width: 100%; max-width: 700px; min-width: 180px;

Now it fits.

BR, Anna