topic Re: Issue loading image in "Text & Image" object with qlik-embed mashup in Integration, Extension & APIs

Issue loading image in "Text & Image" object with qlik-embed mashup

sanekagr2 — Sun, 18 May 2025 15:06:20 GMT

Hello,
I’m using qlik-embed in my mashup, with the authentication method set to OAuth2 for an SPA via a script in the <head>.

When I try to open an object of type "Text & Image", the object loads successfully, but the image within it returns a 401 error: (https://<tenant>.eu.qlikcloud.com/api/v1/apps/fa...79bf7/media/files/LEGEND_1.png)

<qlik-embed ui="classic/chart" app-id="{{app_id}}" object-id="fa...p" class="qlik-legend" ></qlik-embed>

If I open the app directly in the browser (Qlik interface), the image displays properly. All other objects load without issues in the mashup.

Is there a way to obtain permissions to access media files using this kind of authentication, or is there another recommended method for loading media content in this case?

Thanks!

Re: Issue loading image in "Text & Image" object with qlik-embed mashup

Dave_Channon — Wed, 21 May 2025 21:07:18 GMT

Could you try in iframe mode for that object? Like:

<qlik-embed ui="classic/chart" app-id="{{app_id}}" object-id="fa...p" class="qlik-legend" iframe="true" ></qlik-embed>

This should permit it access to assets outside of the immediate chart.

Re: Issue loading image in "Text & Image" object with qlik-embed mashup

sanekagr2 — Thu, 22 May 2025 10:02:45 GMT

Hi,

Thanks for your reply.

I tried that, but it didn’t work. Also, for some reason, another element on the page, a layout container, suddenly disappeared after I added iframe="true" to the Text & Image element.

Re: Issue loading image in "Text & Image" object with qlik-embed mashup

alex_colombo — Thu, 05 Jun 2025 09:37:25 GMT

using iframe prop should fix this issue. Could you please share your entire code base?

Re: Issue loading image in "Text & Image" object with qlik-embed mashup

sanekagr2 — Thu, 05 Jun 2025 10:15:59 GMT

Yes, thanks. It fixed the problem, but the elements load slowly — which seems expected for an iframe. You need to use the CSS rule position: relative on the element that hosts the object with the iframe; otherwise, it can cause issues with the DOM