How to set dynamic width and height for iframe in App Part

Question

My app part doesn't support responsiveness height and width.

I have tried to set height using app, but it's not working.

So how can I make App part responsive

Here is some view source of App part

Have you tried a resize event on the page with alters the Iframes inline styles — Danny '365CSI' Engelman, Feb 9, 2017 at 9:01
Hmm.. let me think.. as they are inline styles you can never target them with higher Specificity CSS or CSS media queries.... [thinking] ... wait... I got it!! Use a window resize event to change the inline width & height style on that IFrame.... — Danny '365CSI' Engelman, Feb 9, 2017 at 10:08

Jinesh Kaneriya · Accepted Answer · 2017-02-09 09:54:15Z

2

If the app part is SharePoint OOTB modal then use below javascript

var dlg = SP.UI.ModalDialog.get_childDialog();
if (dlg != null) {
      dlg.autoSize();
}

Hope this helps.

answered Feb 9, 2017 at 9:54

Jinesh Kaneriya

3933 silver badges14 bronze badges

Add a comment |

1 Answer 1