Iframe for Responsive webs.

  • Profile Image
    thespanishfactory
    Asked on September 11, 2013 at 08:03 PM

    Hi people

    I am having lots of problems embeding my forms in my page, it looks like there is a conflict that makes them do not work properly. I have been told that one solution could be use iframes but i cant use that solution because this would do my page as big as 2500px of height, what is totally pointless.

    My question is, there is any way to use iframes in a responsive web in this way? 

    Please see video

    https://dl.dropboxusercontent.com/u/89444410/2013-09-12_0043.swf 

    As you can see, my page fits to the height of the form as this grows. 

    This is what i am looking for but using a iframe.

    Many thanks 

  • Profile Image
    khrisell
    Answered on September 11, 2013 at 08:23 PM

    Hello,

    I believe you are still pertaining to your previous problem you are having.

    http://www.jotform.com/answers/266735

    Kindly stick to that thread to assist you better and avoid any confusion. Also, for us to better track the issue users are having.

    Thank you for understanding.

  • Profile Image
    thespanishfactory
    Answered on September 11, 2013 at 08:30 PM

    Hi. No, this is other post. 

    I am asking if that is possible and if so, how.

    In my other post i have asked why all my forms are blinking when the page is loaded.  

    Thanks 

  • Profile Image
    thespanishfactory
    Answered on September 11, 2013 at 10:17 PM

    Any solution for this?

    Thanks 

  • Profile Image
    Tasha
    Answered on September 11, 2013 at 10:26 PM

    Hi,

    The size of the IFrame can be adjusted if needed by updating the width and height attributes accordingly in the IFrame tag.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.co/form/31997984182876" frameborder="0" style="width:100%; height:1739px; border:none;" scrolling="no"></iframe>

    To make the height responsive I would wrap the iframe within a div/container on your web page and change the height to be 100%.

    Please let us know if you need further clarity on how to achieve this by providing us with the url for where your form is embeded so that we can examine your source code and provide a more accurate solution. 

    Thanks!