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

    Form is not mobile friendly

    Asked by mktaxi on February 04, 2016 at 09:49 PM

    Hello,

    Thanks for supplying this amazing form builder. I have been using it for quite a while now and I want you to know that your hard work is really appreciated.

    I have some problem setting up the form to be mobile friendly. Some of the widgets don't shrink and the form appears to be very thin on the left side of the mobile screen. Could you assist?

     

    Thank you in advance!

    Lili

    Page URL:
    http://form.jotform.me/form/41391289177463

    Mobile mobile friendly Friendly Form Builder problem shrink
  • Profile Image
    JotForm Support

    Answered by Chriistian on February 05, 2016 at 03:04 AM

    Thank you for your kind words. You can add the Mobile Responsive Widget to make your form mobile responsive.

    http://widgets.jotform.com/widget/mobile_responsive

     

  • Profile Image

    Answered by mktaxi on February 07, 2016 at 08:17 PM

    Thank you for your answer. Unfortunately the problem is not solved yet, however the form looks better...

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 07, 2016 at 10:03 PM

    I am currently checking your form. Please allow me to further check the issue. I will get back to you as soon as I get a result.

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 07, 2016 at 10:32 PM

    Please try to inject this custom CSS code in your form and see if it will fix the issue:

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

    .form-radio-item, .form-checkbox-item {

        white-space: normal !important;

    }

    .form-radio-item:not(#foo) label {

    text-indent: 40px !important;

    }

    .nicEdit-panelContain {

        width: 78% !important;

    }

    .nicEdit-main {

        width: 77% !important;

    }

    }

     

    To inject custom CSS code in your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes.

     

  • Profile Image

    Answered by mktaxi on February 07, 2016 at 11:30 PM

    Thank you Chriistian. The table and the dividers fit to the screen now but all the other parts of the form appear to be too small..

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 08, 2016 at 01:05 AM

    Can you try to add a Mobile Responsive widget in your form and see if it will help?

     

  • Profile Image

    Answered by mktaxi on February 08, 2016 at 01:27 AM

    It's still not responding too well..

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 08, 2016 at 02:55 AM

    Can you try to inject this custom CSS code instead of the CSS code that I have previously provided (replace the previous CSS code)?

    @media screen and (max-width: 480px) {
    .form-radio-item, .form-checkbox-item {
       white-space: normal !important;
    }
    .form-radio-item:not(#foo) label {
    text-indent: 40px !important;
    }
    .form-textarea{
       min-width: 200px !important;
    }
    }

     

    I have tried this on my clone form (https://form.jotform.com/60380982071960) and tested on my mobile device and it seems to be displayed properly. 

  • Profile Image

    Answered by mktaxi on February 08, 2016 at 07:34 PM

    Thanks for the assistance. The form does work properly with Iphone6 but for some misterious reason, not with Iphone 5. We tried 3 Iphone 5 devices and opened the form with google chrome and safari. The result is the same; the form doesn't fit to the screen. When I open the link, the form pops into the right position but by the time the page is fully loaded, the form shrinks back to this version.

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 08, 2016 at 09:38 PM

    Unfortunately I do not have an iPhone 5 device to test the form. However I tested the form on an iPhone 5 emulator and it seems to appear correctly.

    iPhone 5

     

    iPhone 5s

     

    Please try clearing the browser cache from your iPhone  to see if that helps.

  • Profile Image

    Answered by mktaxi on February 08, 2016 at 09:43 PM

    Oh, this helped! Thank you so much for your patience!!

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 08, 2016 at 11:06 PM

    I am glad to know that your issue has been resolved. Feel free to contact us again if you have any other concerns.

  • Profile Image

    Answered by mktaxi on February 29, 2016 at 03:42 AM

    Dear Chriistian,

    I have a problem with the mobile view again. I tried injecting the code you provided, updated the browser, cleared the catche, added the mobile friendly widget - nothing works. When I check the mobile view through the "designer" it also shows a problem. Could you please look into it?

    Thank you in advance!

    Lili

     

    https://form.jotform.me/41391289177463

  • Profile Image
    JotForm Support

    Answered by Nik_C on February 29, 2016 at 05:57 AM

    Hello,

    I reviewed your discussion with my colleague, but I can not see anything wrong either in designer or in the phone. Is the problem the same like before?

    If it's not a big problem, could you provide a screenshot for us to see please?

    We'll wait for your response?

    Thank you,

  • Profile Image

    Answered by mktaxi on March 01, 2016 at 09:32 PM

    Thank you for your response. I noticed that the problem occurred when I opened the form with the link provided by jotform but if I change the word "form" into "www" in the link, the form updates and displays properly. Maybe it was a temporary glitch?

    Thank you! 

  • Profile Image
    JotForm Support

    Answered by Nik_C on March 02, 2016 at 04:28 AM

    Hello,

    I checked your form again just in case, I couldn't see any problem. So I guess that everything is ok now like you said. Depends how the form is embedded in the website, if you are viewing in that way, or if you view it just like a form, you should see it without any issues by using either www.jotform.me/41391289177463 or just https://form.jotform.me/41391289177463.

    Either way, if you encounter any issues again, do not hesitate to contact us.

    Best regards.