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

    Can't see entire form on iphone when viewing on my site

    Asked by tfdesigns on May 11, 2015 at 03:15 PM

    Hello,

    My form (embedded via js on my Wordpress-based site) will not show in its entirety on the iphone. I can see half of it, and you can't even scroll over to see the rest. Help?

    Thanks!!

    Trace

    Page URL:
    http://www.indaliadesign.com

    form on iphone Entire form on site scroll thanks hello
  • Profile Image

    Answered by raul on May 11, 2015 at 03:55 PM

    I've checked your site using an iPhone 6 and it looked correctly on my side.

    Were you able to fix it? If not, can you please let us know which version are you using to test your site? You should also try to clear your browser's cache to see if it helps.

  • Profile Image

    Answered by hilakeville on May 11, 2015 at 05:11 PM

    @Raul

    I kind of had a similar situation the other day when placing text into a text field. Part of it showed in the text box when published and the other part went off the screen w/o options to zoom. I too have an Iphone 6 and also tested it on a Galaxy Tab 2....Maybe it's the same problem?

  • Profile Image

    Answered by raul on May 11, 2015 at 05:18 PM

    @hilakeville

    I've moved your inquiry to a separate thread so we can address it properly.
    We'll be working on it here: http://www.jotform.com/answers/567998

  • Profile Image

    Answered by tfdesigns on May 11, 2015 at 07:27 PM

    @raul thanks! So I see it is all showing now, but on my 5S the form is floating all the way to the right edge of the screen. I've tried a number of tweaks in the CSS but nothing seems to be helping.... Glad to know it looks ok on the 6 though! :)

  • Profile Image
    JotForm Support

    Answered by Charlie on May 12, 2015 at 12:11 AM

    Hi,

    It seems like it's the CSS style design for the element #contactform. It floats to the left, which makes the left margin of the form not adjust and only the right side.

    You can try removing the "float: left;" depending on the media screen size.

    @media and screen (max-width: 450px) {

    float: none !important;

    margin: auto;

    }

    But this should be add in your Wordpress site not in the form.

    I hope this helps.

    Thank you.

  • Profile Image

    Answered by tfdesigns on May 13, 2015 at 11:14 AM

    Thanks @Charlie! Looks great when I rotate to landscape, but not in portrait...still stick to the right side :S. Not terrible...perhaps just means I need a phone upgrade LOL!

  • Profile Image
    JotForm Support

    Answered by BDAVID on May 13, 2015 at 11:53 AM

    No terrible, but it is quite odd, cause it looks great in other devices:

    I'll keep on testing to see If I figured this out.