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

    Submit button does not display on iphone

    Asked by sweetgrass on May 17, 2016 at 03:41 AM

    Hi. I can't make the submit button visible on iphone. I looked through the forum & made the form responsive using the designer - form layout option as was advised. I even added second submit button at the top thinking may be it doens't fit into the cell phone screen at the bottom. But still none of the submit buttons show on my registration form when viewed on Iphone or ipad, neither top one nor the one on the bottom.

    Here is the link, please advise the way around. iFrame option doesn't work for me as it brings white background with it, which doesn't look nice :( I need transparent form, so that it shows ogranicly on my web page background. 

    http://juniotech.com/robotics/ORubiksReg_Str.html

     

    Thank you,

    Cam

    Page URL:
    http://juniotech.com/robotics/ORubiksReg_Str.html

    Screenshot
  • Profile Image
    JotForm Support

    Answered by EltonCris on May 17, 2016 at 04:52 AM

    I can see the submit button on top but not on the bottom section.

    The reason why is that, once the form is viewed on mobile devices, its height increases dramatically according to the total length of the form elements. If the form is embedded on a responsive container, there shouldn't be any problem.

    However, since you are using iWeb, it is very common that embedded element are enclosed with div element with a fixed height. This results in a cutoff on the embedded element like the form since as mentioned, it has a height limit.

    To fix it, edit your site on iWeb and increase the height of the HTML snippet where you have pasted the form embed code. iWeb is drag and drop so holding the HTML container holder and dragging it down would increase its height. If the height is still not enough for the form when viewed on mobile, repeat the steps as soon as it is displayed properly on mobile without any cutoff.

    Hope this information helps!