Iframe hides all below it on the page

Iframe hides all below it on the page

by Nataliya Bukhanova -
Number of replies: 2

Hi there,

I embed an activity into a moodle page through iframe. When I save the page, the embedded activity hides all the content that was below it on the page. The code stays in place but the content itself is not shown. Please see attachments. I highlighted yellow the content that does not show and underlined the place with the embed code.

Here is the embed code itself

<div align="center"><iframe src="https://managefatigue.healthprofessions.dal.ca/pluginfile.php/1457/mod_resource/content/1/index.html" allowfullscreen="" height="700" frameborder="0" width="900"><iframe></div>

Could you please tell me what I am doing wrong?

Thank you!

Nataliya.

Attachment embedded activity.PNG
Attachment iframe code.PNG
Average of ratings: -
In reply to Nataliya Bukhanova

Re: Iframe hides all below it on the page

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

You have opened two iframes, but not closed them. Try

<div align="center">
    <iframe 
src="https://managefatigue.healthprofessions.dal.ca/pluginfile.php/1457/mod_resource/content/1/index.html"
 allowfullscreen="" height="700" frameborder="0" 
width="900">
    </iframe>
</div>

note the / on the closing iframe tag.

Average of ratings: Useful (1)