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

    Fields are not mobile responsive on iPhone 6 even when using responsive options

    Asked by teamgriskie on April 09, 2015 at 10:34 AM

    Hi, I understand that forms are mobile responsive by default, however mine is not as you can see from this screen shot on my iPhone6.

    What am I doing wrong?  You can see the form at http://www.calvaryonline.com/home/contact/connect

    thanks

    Page URL:
    http://www.calvaryonline.com/home/contact/connect

    Screenshot
    mobile responsive
  • Profile Image

    Answered by Syed on April 09, 2015 at 11:14 AM

    Hi there;

              Please try to use Mobile Responsive Widget, from Widget Section, it works. Please review the following screenshots.

    Will let us know, if you have questions/queries, we would be happy to assist you further.

     

    Thankyou,

    - Syed

  • Profile Image

    Answered by teamgriskie on April 09, 2015 at 11:29 AM

    I put the widget at the top of the form, but it had no effect.

  • Profile Image

    Answered by teamgriskie on April 09, 2015 at 11:35 AM

    Sorry, I just noticed that you put the widget at the bottom of the form, but there is not a change on my phone, even after clearing the cache.  I even replaced the iframe code without effect.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 09, 2015 at 12:47 PM

    Hi,

    The widget should make it responsive, but I saw the same case when accessing it using iPhone 6. Please try doing our solution from this guide: http://www.jotform.com/help/311-How-to-make-forms-Mobile-Responsive. This should help. If not, please let us know here so we can find another way.

    Thanks

  • Profile Image

    Answered by teamgriskie on April 09, 2015 at 02:47 PM

    still not working

  • Profile Image
    JotForm Support

    Answered by Welvin on April 09, 2015 at 04:19 PM

    Hi,

    I saw it. Will check this and get back to you later today. It's only happening in the iPhone 6 and 6+, so far when I test it.

    Thanks

  • Profile Image

    Answered by teamgriskie on April 17, 2015 at 02:08 PM

    Any progress on this issue?

  • Profile Image

    Answered by Ben on April 17, 2015 at 03:08 PM

    Can you please try to add the following code to your jotform's custom CSS:

    li[data-type="control_datetime"] input[type="tel"] {
        max-width: 50px !important;
    }

    You can see where to add the code by following this guide: Inject Custom CSS Codes, but please add it at the bottom of all the code (if any is found in there).

    Once you do, please test it and let us know how it goes.

  • Profile Image

    Answered by teamgriskie on April 17, 2015 at 03:12 PM

    That is an improvement, but still not there

  • Profile Image

    Answered by raul on April 17, 2015 at 03:28 PM

    Is this also happening when you view your form using its direct URL (http://www.jotform.us/form/50973755008157)? This is how it looks when I tested it.

    Try adding this meta tag to your site in the <head> section

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    Let us know if it makes a difference.

  • Profile Image

    Answered by teamgriskie on April 17, 2015 at 04:06 PM

    viewing the form directly looks great.

    I added the code, but it had no effect.

  • Profile Image

    Answered by Ben on April 17, 2015 at 04:12 PM

    Can you please give us the screenshot of the issues that you are having?

    Unfortunately I do not have iPhone6 so the code above and any following it are based on my experience what should resolve the issue shown in the screenshot.

    I presume that the date fields are working now, but that the issue is with some other fields?

  • Profile Image

    Answered by teamgriskie on April 17, 2015 at 05:53 PM

    here you have it

  • Profile Image

    Answered by raul on April 17, 2015 at 06:03 PM

    Can you try using the code provided here in your page: http://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari#23083463?

    Let us know if it helps.

  • Profile Image

    Answered by teamgriskie on April 17, 2015 at 07:20 PM

    We are making progress.  The page displays properly, except the captcha at the bottom.  I believe this is not reCaptcha, just the standard one.  That may be the problem.

     

  • Profile Image
    JotForm Support

    Answered by jonathan on April 17, 2015 at 09:32 PM

    I fixed it on your jotform http://www.jotform.us/form/50973755008157   by adding this CSS codes

     

    table#recaptcha_table {

        max-width : 100%;

    }

    tr > td.recaptcha_image_cell {

        max-width : 60%;

    }

    #recaptcha_image > img {

        max-width : 100%;

    }

    div#recaptcha_image {

        float : left;

        max-width : 100%;

    }

     

    table#recaptcha_table td {

        float : left;

    }

    #recaptcha_response_field {

        max-width : 80%;

    }

     

     

    Let us know if still not resolve.

    Thanks.

     

  • Profile Image

    Answered by teamgriskie on April 18, 2015 at 10:31 AM

    that did it, thanks

  • Profile Image

    Answered by raul on April 18, 2015 at 02:09 PM

    You're welcome.
    Feel free to contact us anytime, should you require our assistance.

  • Profile Image

    Answered by fadesign on April 27, 2016 at 01:42 AM

    Wow, this is the most amazing thread I ever encountered.  I had the same issue and followed the process post by post and fixed my issue.  

    However, I am still having the same problem with the "draw on image" plugin.

    I think it is due to the size of my image.  Is there a way I could set up a different image for a certain resolution?  I could photoshop the 4 jackets in a "one after another" position.

    https://form.jotform.com/61168140352246

     

  • Profile Image
    JotForm Support

    Answered by jonathan on April 27, 2016 at 03:01 AM

    @  fadesign

    We will resolve your issue on a separate thread I created for you  here https://www.jotform.com/answers/827333

    Thanks.

  • Profile Image

    Answered by swifpygal on June 15, 2016 at 06:34 AM

    Hello,

     

    I just posted my questions on the exact same issue

  • Profile Image
    JotForm Support

    Answered by Welvin on June 15, 2016 at 07:48 AM

    @swifpygal: My colleague is already assigned to your own thread. You should receive a reply in few minutes.