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

    Bottom of form "jumping" on the web page it's embedded into

    Asked by MirrorMediaIreland on February 22, 2016 at 09:18 AM

    For some reason form is jumping at the bottom of the page which means readers are unable to view the Ts & Cs

    http://www.belfastlive.co.uk/whats-on/whats-on-competitions/win-spectacular-trip-glasgow-international-10917892

    Page URL:
    http://www.belfastlive.co.uk/whats-on/whats-on-competitions/win-specta<br/>cular-trip-glasgow-international-10917892

    bottom of form Web page www unable to view
  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 22, 2016 at 10:54 AM

    This is because there is a conflict between the Javascript code in your website and the Javascript code in the form, I would suggest you to use the iFrame method instead, you may follow this guide to get the iFrame code: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    You may also use this code to embed in your website:

     <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/60494556693165"

          frameborder="0"

          style="width:100%;

          height:2050px;

          border:none;"

          scrolling="no">

        </iframe>

      Your form should not include any Javascript code, so you will avoid any conflict and your form will be shown properly. 

    Do let us know if it helps.

  • Profile Image

    Answered by MirrorMediaIreland on February 22, 2016 at 12:16 PM

    Hi There - that code isn't solving it unfortunately.  It's cutting off about 2/3 of the form so I tripled the height dimensions within the code and it hasn't fixed it either.  Can you advise?

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 22, 2016 at 01:43 PM

    I see that you are still using the default embed method.

    Have you used the code provided above? 

    It should display your form entirely, if not, please use that code and let us know here, we will help you with setting the correct height to display your form properly. 

     <iframe

          id="JotFormIFrame"

          onload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/60494556693165"

          frameborder="0"

          style="width:100%;

          height:2050px;

          border:none;"

          scrolling="no">

        </iframe>

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 22, 2016 at 01:49 PM

    I have tested using the default embed option and I can replicate the issue on my end. However, I tried using the iFrame method, just copying the code and pasting it, it works.

    Follow this guide: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Copy the code as provided by the wizard, paste it in your website and it should work.

    Do let us know how it goes.

  • Profile Image

    Answered by MirrorMediaIreland on February 23, 2016 at 04:30 AM

    Hi there - I did use the iFrame method and also tried copying and pasting the code you provided but neither worked so we reverted back to the default (that's maybe why you still see it). Is it the editor of the website pasting it into the wrong place? I've told him to completely replace the current code with the iFrame code.  Can you advise?

     

    Thanks.

  • Profile Image

    Answered by MirrorMediaIreland on February 23, 2016 at 05:49 AM

    HI! Response from the guys who have access to the publishing site below:

    Sorry it didn't work for me. I think it is because the code is on lots of different line, if that makes sense? I tried putting it all on one line though and that didn't work but copy and pasting it doesn't work either.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 23, 2016 at 10:00 AM

    I still think that the issue could be fixed by using the iFrame method, I copied both codes, the default and the iFrame, here is the result of my test.

    Could you paste the iFrame code in your website please? But do not remove it, I would like to inspect it and see how it works, I think that pasting the iFrame code or setting the height manually will avoid this issue.

  • Profile Image

    Answered by MirrorMediaIreland on February 23, 2016 at 10:24 AM

    Hello - the iFrame code is now in there, will take 10 mins to update

     

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 23, 2016 at 11:47 AM

    Thank you for that.

    I did check the form and seems like there is a CSS property that is setting the height and it is not allowing to change it.

    This is the portion of CSS that is setting the height:

    #JotFormIFrame {

        background: #f1f1f1;

        height: 215px!important;

        width: 100%;

    }

     

    I'm not able to find it in the Form Builder, seems like you have not injected it nor added it in the Designer. If you have added this CSS code in your website, I would suggest you to remove it, once that codes is not in your website your form will start to work properly.

  • Profile Image

    Answered by MirrorMediaIreland on February 23, 2016 at 11:56 AM

    so that code you've highlighted in green we have to remove?

  • Profile Image

    Answered by MirrorMediaIreland on February 23, 2016 at 12:04 PM

    I can't find that CSS code within the iFrame code I've copied over here...

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 23, 2016 at 01:26 PM

    The code is not in the iFrame code that the wizard provides, I'm not able to find it in the Form Builder, that code is not anywhere in the form, seems like you have added it in your website. Could you check it? 

    It should be somewhere in your website, once it is removed the form will work with the iFrame code.