Qlik Community

Qlik Sense Integration, Extensions, & APIs

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

Announcements
Qlik® Product Spotlight: Discover what’s possible. Get more from our products.
See for yourself. Register today.
Not applicable

Any plans to make Single app responsive?

Hi all,

I'm integrating my dashboard sheet using single app and iframe.

However that's not even nearly as good in responsive rendering as if I use full app in iframe.

- On one hand I have single app which problem is lack of responsive rendering,

- On the other hand I can use full app which is really responsive, but has navigation bar which allows user to browse hub, go to another sheet, etc. And this is a huge problem as I would like the user to see only one sheet in readonly mode.

Is there any way to make single app responsive?

Any way to hide top bar when using it in iframe?

2 Replies
akl
Not applicable

Re: Any plans to make Single app responsive?

Sadly that is the nature of iframes, so our objects will scale to the available size when the page was first rendered.
There are workarounds, we make use of pym.js (Pym.js: Embed iframes responsively) from NPR heavily for our deployments. So the parent page will notify the iframe when it's height and width has changed and then our resize handlers should fire accordingly.

Not applicable

Re: Any plans to make Single app responsive?

Hi Alexander.

Is the problem really has anything to do with iframe? Could you explain a bit please? I'm not sure I understand unfortunately. If I host the regular app (not single) in the same iframe, everything renders responsively.

So, when I resize iframe, its content layout is changed correctly which is not the case for single app.

http://localhost:4848/single/?appid=<myappid>&sheet=Yqwnms&opt=nointeraction&select=clearall- renders incorrectly with iframe resize. Content visualizations are scaled and layout stays the same

http://localhost:4848/sense/app/<myappid>/sheet/Yqwnms/state/analysis - renders correctly with iframe resize and layout is updated fine but contains toolbar allowing user to explore hub or edit sheets.