- xtraleaseAsked 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.
- BenAnswered on October 14, 2014 at 06:59 PM
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.
- xtraleaseAnswered on October 15, 2014 at 10:02 AM
This worked, but I think it broke my validation. I mentioned this on the other thread, as well.
- BenAnswered on October 15, 2014 at 11:12 AM
I am glad that this worked. We will take a look at your other threads and help you to solve those issues as well.
- JotForm SupportWelvinAnswered on October 16, 2014 at 12:40 PM
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.
- xtraleaseAnswered on October 16, 2014 at 12:57 PM
I removed that but am still having the scrolling issue in IE11.
- JotForm SupportWelvinAnswered on October 16, 2014 at 02:05 PM
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:
- xtraleaseAnswered on October 16, 2014 at 02:08 PM
It's good now after I cleared my cache. Thank you for your help and patience.
- JotForm SupportWelvinAnswered on October 16, 2014 at 03:11 PM
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!