iFrame full height

Hey there,

I inserted an iFrame via a classic text element. I can’t get the container to resize to the full height of the iFrame content though. Thus the iFrame always has a scrollbar.

Any thoughts on how to fix this problem?

Thanks!

Hi There,

If you haven’t specified any width or height, it should load the full iFrame.

<iframe src="http://www.path.to/your/iframe" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

Or else you can specify width and height.

<iframe src="http://www.path.to/your/iframe" frameborder="0" style="" scrolling="no" height="100%" width="100%"></iframe>

Hope that helps.

I did that, which only leads to the problem as described: A small part of the iFrame is represented (with your code now without the scrollbar)

Hello @KITCHENTOWN,

Thanks for updating the thread.

Can you please share exact page URL along with the page password in a secure note for us to take a closer look? I tried visiting website URL that’s attached in your licence manager but it’s asking for page password.

Thanks.

alright, here it comes

Hi,

Try adding a static height to your iframe.

eg.


<iframe frameborder="0" style="height: 2500px;" scrolling="no" height="100%" width="100%" src="https://advancedwebform.com/forms/5519"></iframe>

Hope that helps

Doesn’t solve it. It’s not responsive anymore. So on mobile it won’t display the full form anymore.

Hi there,

Sorry for the confusion, changing the height or dimension of an iframe will not change the height of iframe content. You need a special coding to allow communication between main window and iframe window. That is by getting the height of the iframe content, then use it as iframe’s height. That’s the only way to make the iframe dimension respond to the dimension of its content. But there are too many restrictions so you can’t just do that.

Your only option is to set static height as your original iframe code. And it’s not gonna be responsive.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.