topic Re: Integrate visualization from an website to a Qlik app in Integration, Extension & APIs

Integrate visualization from an website to a Qlik app

sde821 — Wed, 18 Oct 2023 13:07:40 GMT

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

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!

Re: Integrate visualization from an website to a Qlik app

alex_colombo — Wed, 18 Oct 2023 15:29:18 GMT

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

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

Re: Integrate visualization from an website to a Qlik app

sde821 — Thu, 19 Oct 2023 06:01:55 GMT

Thank you Alex_colombo!

I think I'll try option 3.

BR, Anna

Re: Integrate visualization from an website to a Qlik app

stefanstoichev123 — Thu, 19 Oct 2023 11:14:30 GMT

@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

Re: Integrate visualization from an website to a Qlik app

sde821 — Thu, 19 Oct 2023 13:36:05 GMT

Hi Stefan,

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

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

Am I doing something wrong?

BR, Anna

Re: Integrate visualization from an website to a Qlik app

stefanstoichev123 — Thu, 19 Oct 2023 13:38:33 GMT

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

Stefan

Re: Integrate visualization from an website to a Qlik app

sde821 — Thu, 19 Oct 2023 13:41:29 GMT

Thank you so much! Now it works.

BR, Anna

Re: Integrate visualization from an website to a Qlik app

sde821 — Thu, 19 Oct 2023 14:03:10 GMT

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

Re: Integrate visualization from an website to a Qlik app

sde821 — Thu, 19 Oct 2023 14:31:30 GMT

I prepared the link a bit to resize it:

https://www.dashboard-deutschland.de/iframe/tile_1667208064878?mtm_campaign=dd-embedding?darkmode=false" 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