Forum Discussion

EastShore's avatar
EastShore
Community Member
2 years ago

iFrame embed stripping style from code

I'm trying to embed an iFrame using the Embed block and any styling I try to add is removed when I push enter.

This is what I put in the box:

<iframe src="https://access.openupresources.org/curricula/our6-8math-v3/en/supporting-material/49145/presentation.htm" style="border: 0px none; margin-left: 0px; height: 825px; position:absolute; top:-100px; width: 775px;"></iframe>

This is what it shows after I press enter:

<iframe src="https://access.openupresources.org/curricula/our6-8math-v3/en/supporting-material/49145/presentation.htm"></iframe>

 

I've looked through other discussions where people are asking about their iFrame code not working and the support people respond with the corrected code, but if there was styling, it's not removed. Some of those included working examples and the styling appears to be working in those. So I would assume styling is allowed. Is it no longer allowed? Is that something that has recently changed?

Rise 360
  • PhilFoss's avatar
    PhilFoss
    Community Member
    2 years ago

    I've never been able to add an inline style like that- always strips it out. But based on some context clues like you mentioned, I think you could do it previously. I ended up adding some css after export to reduce the padding around the iframe and increase iframe size on mobile.

    • EastShore's avatar
      EastShore
      Community Member
      2 years ago

      That's a good idea. Unfortunately we have quite a few of these that we are making so having to go in and add some CSS every time we have to export is probably not worth it.  

Related Content