Qlik Community

Qlik Sense Integration, Extensions, & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

Partner
Partner

Bad Responsiveness of Qlik Sense Sheet in IFrame

Hi,

we integrate a Qlik Sense sheet on a website via iframe. However we have problems with the responsiveness of the content in the iframe. When we decrease the screen width the widths of the objects decrease, that is fine. But at a certain screen width the objects should be wrapped, i.e. break to the next line, but it doesn't.

2019-01-24_08h34_19.png2019-01-24_08h34_34.png

This Qlik Sense sheet wraps perfectly fine, when opened on the Qlik Sense Hub.

Is there a solution to this problem? Thanks!

Best regards,

Moritz

 

3 Replies
rbartley
Valued Contributor

Re: Bad Responsiveness of Qlik Sense Sheet in IFrame

Hi Moritz,

 

Yes, we have found the same, which essentially makes many of our mashups unsuitable for display on devices with a resolution of less than that of an ipad Pro.  In particular, filter panels overlap charts. I tried altering the styles and changing the size of elements using css and javascript, but I could not find a solution that worked.  Surely this is something that Qlik should correct as a  matter of urgency.

Please let me know if you find a solution.

 

Regards,

 

Richard  

Highlighted
ErikWetterberg
Honored Contributor

Re: Bad Responsiveness of Qlik Sense Sheet in IFrame

Are you using Single? Single does not switch to small device layout. You might be better off using App Integration API. Or have someone build a responsive version of single.

rbartley
Valued Contributor

Re: Bad Responsiveness of Qlik Sense Sheet in IFrame

Hi Erik,

Unfortunately, we can't use the App integration API as we are implementing this on a QAP server.  According to the help page:

As the App Integration API relies on the Qlik Sense Hub, it is not available in a QAP environment.

When you say have someone build a responsive version of single, what do you mean?  The issue is that the iframe itself is not responsive (the content sent by the API does not respond to the size).  Since we have no way of influencing how Qlik sizes the elements (there is no screen size parameter), I do not see how we can make this responsive.  I saw a comment from Alexander Karlson on another post (https://community.qlik.com/t5/Qlik-Sense-Integration/Any-plans-to-make-Single-app-responsive/m-p/126...) talking about using pym.js, but as far as I can tell from the documentation, you need to be able to add code to both parent (main frame) and child (iframe), which would seem to rule this out as a solution when using the Single Integration API (again, because we have not control over the iframe content).

Please let me know if I have misunderstood or if it is possible.

Thanks again.

Regards,

 

Richard