How to adjust the display size of an iFrame component


I have an iFrame component in my course, and would like to make it longer so that there is no scroll bar to the side of the iFrame window. I have tried setting the size within the iframe command on the backend ("width=”400px” height=”600px” for example) but it doesn’t appear to have any impact. Is there any way to fix this?


Hi Jessica!

There are a couple of things you need to check…

First these settings:

Do you have the use source attributes turned on? This will allow the embed code to overwrite.

Secondly these:

You may need to turn on Auto iFrame height?

Hi @hbailey

Thank you so much! I hadn’t spotted the Behaviour settings - silly me! Working perfectly now.

1 Like

Not silly at all! It’s a learning process :slight_smile: