Iframe when using [embed the web] has max-width: 425px

cathyhalter
New Member

Iframe when using [embed the web] has max-width: 425px

In my class, when I add an [Embed the Web] block and paste this code:

 

<iframe width="90%" height="400" src="https://docs.google.com/document/d/e/2PACX-1vRMTrrag0lG3b1Auzc09azAyPhdQrqtvkPnLzKBsNn43uibkYocLA-qb...>

 

Then I save my block and I see in the source of the content block that instead of a width of 90%, there is an attribute: style="width:100%; max-width:425px;"

See:

<iframe class="widget_iframe" src="https://docs.google.com/document/d/e/2PACX-1vRMTrrag0lG3b1Auzc09azAyPhdQrqtvkPnLzKBsNn43uibkYocLA-qb..." allowfullscreen="" id="widget_iframe_9b6243cd42376f66d84ad0b592f63eba" height="400px" style="width:100%; max-width:425px;"></iframe>

 

As a result, the max-width of 425px overrides my width=90% and the embeded document is not using the full width of the block...

 

Any idea where this is coming from?

 

See a screenshot of the result:

 

Untitled00.png

1 Reply
PowerSchool Team
PowerSchool Team

Re: Iframe when using [embed the web] has max-width: 425px

Hi @cathyhalter,

 

I checked with another Learning user. We copied the URL you supplied in your original post and used a free online Iframe generator to produce the code below which seemed to work well.

 

<iframe src=“https://docs.google.com/document/d/e/2PACX-1vRMTrrag0lG3b1Auzc09azAyPhdQrqtvkPnLzKBsNn43uibkYocLA-qb... style=“border:0px #ffffff none;” name=“myiFrame” scrolling=“no” frameborder=“1” marginheight=“0px” marginwidth=“0px” height=“400px” width=“600px” allowfullscreen></iframe>

 

Please let me know if you have more questions. Have a good day!

 

dougr

 

Thank you for your post.

Remember to give Kudos to suggestions that help you! If another user helps solve your issue, please select Accept As Solution on their post so others can see the solution, too!