Display of Iframe on Page

cyphas · July 2017

I have a standalone page on same domain and want to display it in an Iframe from wordpress site via muffin builder.

I looked at some of the post feedback and answers you provide but unable to accomplish it.

What option or item I need to use to display it (that is an iframe correctly)?

What I got is this: https://www.screencast.com/t/MIblmhSRX4p which is in this page www.questforlife.club/claculator/ -as you can see it shows full width but only part height.

I want to display this entire page of www.questforlife.club/en in that ifram e

Thanks

Bryan · July 2017

Hi,

this is because you need to paste the iframe HTML and declare the height of the iframe.

thanks

cyphas · July 2017

Paste the iframe html?

It is already in there:

I tried using a Content WP and Column block to host the html iframe code but same behaviour. It does not show full height. Only partial

Content WP gives https://www.screencast.com/t/e3GcgQEcULu

but same code in an external standalone page (not part of BeTheme wordpress)

https://www.questforlife.club/en/test.htm resolves ok
<iframe id="myframe" src="https://www.questforlife.club/en/" style="position: absolute; width:100%; height: 100%; border: none;"></iframe>

So I am wondering what in the Betheme that is preventing the iframe rendering correctly.

Bryan · July 2017

This is because you are setting height:100% which is not correct. You have to set it in pixels. The height is not responsive.

VickyBacher · September 2018

Hi, I have a very similar problem, but I am trying to display a page in Wordpress in BeTheme using a script. And that script has an iframe inside. The iframe has indeed width:100%;height:100%.

The thing is that everything works perfectly on other templates, so I don't understand why it is height:100% doesn't work at BeTheme.

I added the same script to 2 different pages just to check if it works:

http://connectinginternationalmedia.com/test1 - using Template from Argent (Automatic) - and it works perfectly

http://cleverbiken.de/sample-page - using BeTheme - doesn't work.

If I extract the iframe from the script and set the height to px then it is displayed indeed, but all other functions of the script don't function. The script is external and I don't want to try to change it in any way.

Is there any solution?

Pablo · September 2018

Hi,
This second website (with BeTheme) doesn't work, its shows a blank page.
Did you try to disable all of the plugins and clearing the cache?

Also, we cannot support custom scripts at all, maybe some variables are
similar to our variables and because of this, it isn't working.

Thanks.

VickyBacher · September 2018

That's what I said - it doesn't work. Yes, I checked plugins and cache, but unfortunately, it doesn't help.

I guess the comment of Bryan has something to do with the problem. I've tested it setting px into iframe and it works fine. The problem is that I can't keep the extracted iframe and should post a script with the iframe inside, and then I can't change the iframe.

So is there any solution on your side? And again, why does it work with other templates?

Thanks!

Viktoria

Pablo · September 2018

It's not working because the height of the site(content) isn't set up.
iFrame doesn't know how much pixels must have because he's in body container which does not have any height parameter.

I recommend you, to change 100% height to 100vh.
It will work.
Thanks.

VickyBacher · September 2018

Ok, thanks, it looks better. But mobile safari mobile devices don't support vh.

Bryan · September 2018

There is no ther way of modyfing the iframe to be 100% of the height. We are sorry but you would have to use custom JS scripts in order to calculate the height and then apply the css to the element.

thanks

bouwfilm · June 2020

Hi There,

Same problem here.

I use Ipcamlive for embedding Live camera' s to my website.

I have got the code from the site ( works with other templates )

But when I use Code ik wil not work unfortunately

Please a solution?

Bryan · June 2020

bouwfilm

Hello,

please paste this code into the column item in the Muffin Builder. It will work just fine. It is a normal iframe.

thanks

Display of Iframe on Page

Comments