What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Iframe for Responsive webs.Asked by thespanishfactory on September 11, 2013 at 08:03 PM
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
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.
I believe you are still pertaining to your previous problem you are having.
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.
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.
Any solution for this?
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.