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.


  • Profile Image

    iphone sizing

    Asked by bobshea on September 09, 2011 at 08:50 AM

    I am having the same problem on my form here m.auburnsidingandwindow.com with the contact form the width seems to be larger than the screen. Can you take a look?

     

    This person was having a similar problem.

    http://www.jotform.com/answers/22492-form-sizing-on-iphone

    Page URL:
    m.auburnsidingandwindow.com

  • Profile Image

    Answered by allanftd on September 09, 2011 at 09:18 AM

    Hi Bob,

    Have you tried using the CSS code below using the Inject Custom CSS?

     

    .form-textarea{
      width:80% !important;

    }

    You can adjust 80% to a higher or lower value depending on your needs. To learn how to inject custom CSS codes, please visit this tutorial - http://www.jotform.com/answers/tag/Inject%20Custom%20CSS

    Please try and let us know how it goes.

    JOTFORM SUPPORT

  • Profile Image

    Answered by bobshea on September 09, 2011 at 09:22 AM

    Yes i already did this and that does adjust the form fields correctly but when I view the contact form from the mobile device the form still seems to be going over the width of the page which is weird because i have the form set to under 300 in my jotform account. Any other help would be appreciated?

  • Profile Image

    Answered by allanftd on September 09, 2011 at 09:34 AM

    Thanks for the update, Bob. I first opened your form using a desktop and found a line of text placed on the right side of the form. Is this correct?

    This may be the reason why your form seemed to be alrger than the iPhone screen. Furtherore, please test using the JotForm-hosted form http://www.jotform.com/form/11952803733 and check if the same issue happens. Please let us know how both of these goes.

    JOTFORM SUPPORT

  • Profile Image

    Answered by bobshea on September 09, 2011 at 09:49 AM

    No that is on every page and not affecting the width on my other pages at all. I am using the embed script that is why I dont understand why the problem exist becuase it should be just using the demensions from jotform.

  • Profile Image

    Answered by bobshea on September 09, 2011 at 09:51 AM

    When I view it on the iphone it is not any of the labels going off the page it looks like the background of the form itself is to wide. Is this just something with the embed code?

  • Profile Image

    Answered by bobshea on September 09, 2011 at 09:58 AM

    I seem to have corrected the issue. What I did was create a div around the jotform embed script and made a class for it and set the with to under 300px now it does not go over the page.

  • Profile Image

    Answered by allanftd on September 09, 2011 at 10:36 AM

    Hi Bob,

    Glad that you were able to figure it our yourself. I was about to point out that I tested the standalone form http://www.jotform.com/form/11952803733 using an iPod device and the form fits perfectly within the screen as shown below:

    This shows that there's nothing wrong with the settings of your JotForm form, so no further change needed.

    Please let us know if you have any other concerns or questions. Thank you and enjoy using JotForm!

    JOTFORM SUPPORT