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.
How can I get my form to properly display on a mobile device?Asked by Frattire on November 17, 2014 at 05:06 PM
I have tried the responsive widget, and the form designer. Both still seem to cut off the text and images. Also, sometimes the entire form doesn't load or it takes a while. I used the iframe code to get the form to display on the site properly. Embed option didn't allow for conditions to function, and the source option looked funny.
Mobile mobile device form designer iframe code source site
I've tested your form using its direct URL and the responsiveness is working correctly.
However, upon checking your website. I noticed that the iframe URL form is incorrect, if you want to use the non-secure version of your form you need to use this code:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="http://form.jotformpro.com/form/43198641120955" frameborder="0" scrolling="no" style="width: 100%; height: 4310px; border: none;"></iframe>
If you want to use the secure version of your form you need to use this code:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/43198641120955" frameborder="0" scrolling="no" style="width: 100%; height: 4310px; border: none;"></iframe>
Please try to change the code of the iframe and let us know if this fix the issue.
I fixed the code. Thanks for that! And I do see that the responsiveness is working when i adjust the window on my computer screen, but when on my iPhone, the form is cute off on the right side still
Please try to reduce the width of the Date Picker widget from 380 pixels to some lower value (for example - 280) to see if that makes a difference.
Many of the form widgets are being loaded from external addresses, so that they might be not reponsive.
Please give it a try and let us know if you need any further assistance on this.
That seems to have worked! For some reason the submit button and the bottom 2 lines don't always show up but that might be the connection? If that continues to be an issue, I'll write back. Thanks!
Thank you for updating us on the result.
Please do inform us if there are still issue after.