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

    How can I make my forms responsive? It does not show up in mobile

    Asked by SaraKrosch on April 30, 2014 at 11:05 AM

    How can I make my forms responsive?

     

    I notice they do not show up on my phone, only on my computer.

    Page URL:
    http://www.makerfair.org

    My Forms style size font
  • Profile Image

    Answered by EliezerN on April 30, 2014 at 12:01 PM

    Hi,

    Please note that our forms are responsive by default and they should work with no issues in mobile devices, unless there is something abnormal happening.

    I viewed the form in mobile emulator and I was able to reproduce the issue:

    However, upon testing the standalone version I found it shows up just fine:

    So, there must be something wrong with the embedded version. Upon inspecting the source code of your page I found you have used the Embed code of your form.

    Could you please re-embed your form using the iFrame code at this time instead of the Embed one? That has fixed similar issues before. Here is how to get the iframe code: Getting the form iframe code

    I hope that helps. Inform us if the issue still persists.

    Thanks

  • Profile Image

    Answered by SaraKrosch on April 30, 2014 at 01:31 PM
    Thanks for the tips. I made the changes and used the iFrame code on the
    site instead. I see the forms now show up on my android phone, but I
    cannot scroll down the form. I would like them to be fully functional.
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on April 30, 2014 at 03:20 PM

    Kindly change your iFrame scrolling attribute from NO to YES. Check this screenshot:

    Get back to us if you think adjustments are still needed.

    Thanks

  • Profile Image

    Answered by SaraKrosch on April 30, 2014 at 03:51 PM
    I changed scrolling to "yes" but I still can't get it to scroll on my phone.
    ...
  • Profile Image
    JotForm Support

    Answered by Mike_T on April 30, 2014 at 05:02 PM

    Your #art-main div is set to overflow: hidden, so it hides the form outside of the page.

    Can you please try to remove an auto-height script that is following the iFrame code to see if that helps?

    Thank you.

  • Profile Image

    Answered by SaraKrosch on April 30, 2014 at 05:11 PM
    OK, now I can see the form fields but I cannot enter any text. In the
    larger form, the scrolling won't go all the way.
    ...
  • Profile Image

    Answered by jedcadorna on April 30, 2014 at 06:39 PM

    Hello,

    Thank you for contacting us.

    Even using a browser in pc your form does not scroll down. I cloned your form and downloaded your page and what works for me is that when I remove this position:absolute in your style.responsive.css settings I can now view the form.

    Try to view my working sample in this link.

  • Profile Image

    Answered by jedcadorna on April 30, 2014 at 06:48 PM

    For some reason unknown reason it was working then suddenly stops. Let me get back to you.

  • Profile Image

    Answered by jedcadorna on April 30, 2014 at 06:54 PM

    Ok here it is.

    Set the height to 100% then remove the absolute positioning. This works form you can check it here

    A view using an android. I was able to scroll at the bottom and can add text to fields.