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

enter image description here

  • Have you tried a resize event on the page with alters the Iframes inline styles Commented Feb 9, 2017 at 9:01
  • No not yet. do you any something in mind Commented Feb 9, 2017 at 9:30
  • 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.... Commented Feb 9, 2017 at 10:08

1 Answer 1


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

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

Hope this helps.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.