Display of Iframe on Page

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

Comments

  • Hi,
    this is because you need to paste the iframe HTML and declare the height of the iframe.
    thanks
  • Paste the iframe html? 
    It is already in there:

    <iframe id="myframe" src="https://www.questforlife.club/en" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%; height:100%; display:block"></iframe>

    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 

    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.
  • This is because you are setting height:100% which is not correct. You have to set it in pixels. The height is not responsive.
  • edited 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? 
  • 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.
  • edited 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

  • 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.
  • Ok, thanks, it looks better. But mobile safari mobile devices don't support vh. 
  • 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
  • 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

    <iframe src="https://g0.ipcamlive.com/player/player.php?alias=bamhov" width="800px" height="450px"
    frameborder="0" allowfullscreen></iframe>

    Please a solution?
  • Hello,
    please paste this code into the column item in the Muffin Builder. It will work just fine. It is a normal iframe.
    thanks
Sign In or Register to comment.