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

    Google Recaptcha Plugin Cut off

    Asked by kevkulbacki on June 29, 2015 at 09:39 PM

    I built a mobile responsive site and the Google Recaptcha plugin is towards the bottom of the form.  This looks great and works great sometimes; however, when it decides to verify a user by giving them the grid of images, the popup is cutoff as that isn't solid (so to speak).  Any suggestions aside from just adding additional padding below the form?

    Page URL:
    kulbackifde.com/temp/contact.html

    Screenshot
    cut Mobile site and mobile responsive
  • Profile Image
    JotForm Support

    Answered by Charlie on June 30, 2015 at 02:00 AM

    This is because you are using iFrame embed code, please do take note that using iFrame your form will have a specific height, this means that the height of the form is not that long to cover the extension of the images in the captcha field. You can try the following methods:

    1. You can try making the height more larger.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/51773608413153" frameborder="0" style="width: 100%; height: 934px; border: none;" scrolling="no"></iframe>

    2. You can also try having the same height but enabling the "scrolling" to auto.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/51773608413153" frameborder="0" style="width: 100%; height: 634px; border: none;" scrolling="auto"></iframe>

     

    3. Another one, have you tried using the default embed code? The iFrame is usually used when there's code conflict between the form and your website when you used the default embed code. The good this with the default embed code is that the height of the form is responsive, it changes and it should adjust, making the Google reCaptcha not to be cut off at that sense.

     

    I hope that somehow helped. Do let us know if this works for you.

  • Profile Image

    Answered by kevkulbacki on June 30, 2015 at 10:06 AM

    Thanks Charlie.  The standard embed does fix the cutoff.

  • Profile Image
    JotForm Support

    Answered by Charlie on June 30, 2015 at 11:14 AM

    Great to hear that. If you encounter problems using the standard embed code, let us know by opening a new thread, and we'll try our best to help.

    Thank you.