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

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

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"

      onDISABLEDload="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.

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?

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"

      onDISABLEDload="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>

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.

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.

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.

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.

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

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.

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

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

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.