Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
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?
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.
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.
Hi Alexander,
On the Pym.js page it refers to adding code to the child page. since we are using the single API, we have no control over the content of the iframe. Could you please provide a stripped down example of using Pym.js in this context?
Regards,
Richard
@Alexander_Thor , do you have a full example of using Pym.js when using iFrame in a SharePoint web part?