Resizing embedded Microsoft Sway/Forms content – Staff Guide

If you have embedded content in an iframe using HTML and it is displaying smaller than you would like it can be resolved by removing the max-height:100vh value highlighted in bold below, – however, keep the quote mark that follows. This is an example of embedded content from Microsoft Sway which displays smaller than intended.

Before

Embedded Sway content that is too small

 

 

 

 

<iframe width=”760px” height=”500px” src=”https://sway.com/s/uaMJXHaTAJkhkOqX/embed” frameborder=”0″ marginheight=”0″ marginwidth=”0″ max-width=”100%” sandbox=”allow-forms allow-modals allow-orientation-lock allow-popups allow-same-origin allow-scripts” scrolling=”no” style=”border: none; max-width: 100%; max-height: 100vh” allowfullscreen mozallowfullscreen msallowfullscreen webkitallowfullscreen></iframe>

After

Embedded Sway content that has been resized to be larger


Related Guides