Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
moritzreinhard2
Partner - Contributor III
Partner - Contributor III

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

 

Labels (6)
1 Solution

Accepted Solutions
moritzreinhard2
Partner - Contributor III
Partner - Contributor III
Author

Yes, I use single. App Integration API is far more complicated, especially if you want a multipage mashup. But there is now a solution creating mashups with API quite quickly:

https://smartbuilder.novofactum.de/

 

 

View solution in original post

5 Replies
rbartley
Specialist II
Specialist II

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  

ErikWetterberg

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
Specialist II
Specialist II

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

 

 

moritzreinhard2
Partner - Contributor III
Partner - Contributor III
Author

Yes, I use single. App Integration API is far more complicated, especially if you want a multipage mashup. But there is now a solution creating mashups with API quite quickly:

https://smartbuilder.novofactum.de/

 

 

vegard_bakke
Partner - Creator III
Partner - Creator III

This is old, and probably too late you guys.  But I think there is a misunderstanding. 

QAP can indeed be integrated with your web site, other than using iframes and the single API.   However, I think Erik linked you to the incorrect API.  The 'App integration API' seem to be just a fancy name for "the URL that is used when you open your app from the Hub".

 

I believe Erik meant to link you to the 'Embed visualizations using the Capability APIs':
https://help.qlik.com/en-US/sense-developer/November2020/Subsystems/Mashups/Content/Sense_Mashups/Em...

 

 

Vegard