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.
Forms not resizing for iphone.Asked by maxrigler on July 10, 2014 at 12:25 PM
I am building a website in adobe muse, how do I get my forms to resize properly for the mobile version of my site? When I paste the iframe code the forms width is more than the iphone screen size.
My Forms iframe code size Mobile
Please try adding the Mobile Responsive Widget on your form, under "Widgets" type "mobile", then drag and drop it in your form:
Let us know if you need more help, we will be glad to assist you.
Then do I just iframe it as normal?
Yes, you should be able to then frame it like normal. The iFrame itself should resolve formatting issues however. If you are still having this issue after using the widget, let us know and we will be happy to look at your iframe code to make sure everything is setup properly.
Thank you for using Jotform!
When I ran the widget it just cut the form in half without resizing it if that makes sense.
Here is the iframe code without the mobile response widget;
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/41876706437161" frameborder="0" style="width:100%; height:2127px; border:none;" scrolling="no"></iframe>
Could you please share with us the URL of the page where the form is embedded? Please try the following:
Embed the iFrame code, except everything between the <script> tags, so only embed what it is in the <iframe> tag, example:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.co/form/41900008337862" frameborder="0" style="width:100%; height:2350px; border:none;" scrolling="no"></iframe>