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.
Iframe Embed Scrolling IssueAsked by xtralease on October 14, 2014 at 04:55 PM
My form is embedded on my landing page via iframes. It's working well, but i have a page break and the browser scrolls to the bottom when I try to go to page 2.
I've seen reference to this issue a lot on the forums, but none of the fixes have been able to resolve it. I've tried noscroll at the end of the url, as well as some other fixes I saw on the forums. Any help I could get would be great.
In addition, I think I broke the form in the backend with some injected css. You can see that below.
iframe embed JotForm Injected CSS backend
I see what you mean.
Unfortunately this is not caused by the usual 'jumping issues' this seems to me is caused by the fact that the form expands and expands the div the jotform is in with it.
Please try changing the #lp-code-181 to 720px instead of 650px to see if that helps you.
Also try using the iframe code without the script part. So all changes would be:
CSS change on your site:
Embedding with only iFrame code
<iframe id="JotFormIFrame" frameborder="0" scrolling="no" style="width: 100%; height: 720px; border: medium none;" src="//form.jotform.us/form/42854175945162?nojump" allowtransparency="true">
Do let us know if this helps.
I have also opened another thread for you in regards to the CSS code breaking the jotform layout in the JotForm Builder. You can see it here: http://www.jotform.com/answers/443129 and we will be helping you in regards to that thread there to keep it all in one place and have the 2 issues separated.
Do let us know how the code above goes and if you have any further questions.
This worked, but I think it broke my validation. I mentioned this on the other thread, as well.
I am glad that this worked. We will take a look at your other threads and help you to solve those issues as well.
The custom CSS codes that was suggested by Ben was placed into an incorrect section. It's now visible to your web front page as a text:
Please make sure to insert below your current on-page stylesheet, see this visual guide:
With regards to the IE issue, please check it here: https://www.jotform.com/answers/444368.
I removed that but am still having the scrolling issue in IE11.
Would you mind sending us a screenshot of the current look of the form to your end? Here's how you can add screenshot to this support forum: https://www.jotform.com/answers/277033. I check it again and I don't see any issues with it.
Check this screenshot when I access the form through IE11 on Windows 7 PC:
It's good now after I cleared my cache. Thank you for your help and patience.
Wonderful! :) We're glad that everything is now resolved! Please contact us again if there are issues to your forms, we'll be happy to assist you!