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

    captcha and submit not showing up on smartphone

    Asked by tturiano on January 16, 2013 at 07:40 PM

    hi, our captcha and submit buttons are not showing up at the bottom of our form on one smartphone:

    http://www.packraft.org/American_Packrafting_Association/Join_APA.html

    I chatted earlier with a Jotform tech, and subsequently increased the iWeb HTML snippet height. I currently have the height set in an overkill fashion, but adjusting the snippet height has not affected the problem. Captcha and submit are still not visible on my friend's iPhone4 on Safari. Attached is a screenshot of his phone. Any ideas on what else to try?

    Do you have a smart phone that you can test it on? Unfortunately, I don't.

    thanks, Tom

    Page URL:
    http://www.packraft.org/American_Packrafting_Association/Join_APA.html

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on January 16, 2013 at 10:08 PM

    Hi,

    The form is obviously cut off, most probably because the form changes its style for smartphone views which obviously increases the form height since all the form fields was taken into the new line which is not the behaviour when viewed on desktop.

    To fix it, try to change "no" to "yes" on the scrolling attribute of your iframe embed code. Example:

    <iframe allowtransparency="true" src="//form.jotform.us/form/23440393858157" frameborder="0" style="width:100%; height:1500px; border:none;" scrolling="yes"></iframe>

    If that does't help, inject the following CSS Codes to your form:

    .form-label-left{

    float: left !important;

    display:inline !important;}

    .form-all {min-width: 650px !important;}

    Follow this guide: How to Inject Custom CSS Codes to your Form

    Let us know how it turns out. Thanks!