Remove huge space on the bottom part of my form

  • Profile Image
    shorefellowship
    Asked on July 16, 2015 at 01:15 PM

    This form has some conditions on it that show fields.  Is there any way to eliminate the spacing at the bottom?  Spacing with forms seems to always be an issue on our site.  

    Thanks.

  • Profile Image
    EltonCris
    Answered on July 16, 2015 at 02:50 PM

    That is due to the iframe height. Iframe height is fixed and does not dynamically changed depending on the form content. So if you are going to reduce the height of the iframe, the form may not show the condition fields when they are triggered.

    However, this shouldn't be the case when you are using the default script embed code. Is there any particular reason why you are using iframe over script embed code?

    I would suggest to try the script embed first, this automatically adjusts the height of the form when there conditional fields shown. If this is causing script conflict issues, let us know so we can assist you further.

  • Profile Image
    shorefellowship
    Answered on July 16, 2015 at 03:42 PM

    The reason I've been using iFrame is because the other has not worked on our site.  We are using WordPress.  I will try again but I believe that iFrame is the only way the forms will work on our site.  

  • Profile Image
    jonathan
    Answered on July 16, 2015 at 05:10 PM

    There are other ways to embed the form to your WP website.

    1. -Adding-Forms-to-Wordpress-org-version

    this one uses the default script embed code as suggested by my colleague previously.

    2. JotForm Form Generator for Wordpress

    Let us know if this options still will not work for you.

    Thanks.

     

     

     

     

  • Profile Image
    shorefellowship
    Answered on July 16, 2015 at 10:22 PM

    I downloaded the second option, the JotForm generator for WP and it doesn't work.  I set it up with our account and put a form on and I see nothing.  We do use jot form a lot but this issue is frustrating.  

  • Profile Image
    Charlie
    Answered on July 17, 2015 at 03:24 AM

    Hi,

    Here's an updated guide for JotForm users who embedded their form in Wordpress: http://www.jotform.com/help/324-A-Guide-To-Forms-For-WordPress-JotForm-Users. Some of the method is already mentioned by my colleague above, but please do check if the updated guide helps you.

    When using a plugin, make sure that you disable the first one you used before using the other.

    If I may also suggest, if it's okay with you to use a scroll option in your form, you can try enabling it in the iFrame instead: Here's an example:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/42105176348957" frameborder="0" style="width: 100%; height: 701px !important; border: none; opacity: 1; visibility: visible;" scrolling="auto"></iframe>

    Try setting it to "auto" so it only appears when needed.

    Apologies for the inconvenience.