Fix embed height
Sep 04, 2019
By
Jan Dusek
Hi, is there a way for me to force embed's height to an absolute value?
I need to embed a page with control elements at the bottom and what tends to happen is that if user's browser width is small enough, the height of the embed (which seems to be dead set on maintaining embed's aspect ratio at any cost) will get small enough to cover the control elements.
Here's an example where I tried to reproduce it (I'm using "Embed Width: Full Width" in the Rise Embed settings):
<iframe frameborder="0" min-height="200" max-height="200" height="200" width="1200" src="//castty-5576-dev.twil.io/ruler.html"></iframe>
I'd like the embed's height to be 200px exactly, regardless of how wide the whole page is.
The above embed however results in either this when the browser window is too wide:
Or this when it's too narrow:
Is there any way to force the embed's height?
Thanks!
3 Replies
Hi there, Jan. We don't make use of the height and width parameters in your iframe embed codes. We do this to make sure your content doesn't overflow its container in the lesson.
Since some of that web content is getting cut off, could we have a closer look? It would be helpful for us to either test the embed code or have a closer look at your course. You can privately send details here, and we'll delete all files when we're done troubleshooting.
Done, case 01951340
Thanks, Jan. Our Senior Support Engineers are testing your case as we speak. You'll hear back from the team as soon as they're finished testing!
This discussion is closed. You can start a new discussion or contact Articulate Support.