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

    Iframe Embed Scrolling Issue

    Asked 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.

     

    http://contact.xtralease.com/trailer-rental/k.html

    In addition, I think I broke the form in the backend with some injected css.  You can see that below.

     

    http://www.jotform.com//?formID=42854175945162

    Page URL:
    http://contact.xtralease.com/trailer-rental/k.html

    iframe embed JotForm Injected CSS backend
  • Profile Image

    Answered by Ben on October 14, 2014 at 06:59 PM

    Hi,

    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:

    #lp-code-181
    {
       width:720px
    }

    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.

    Best Regards,
    Ben

  • Profile Image

    Answered by xtralease on October 15, 2014 at 10:02 AM

    Hi Ben,

     

    This worked, but I think it broke my validation.  I mentioned this on the other thread, as well.

  • Profile Image

    Answered by Ben on October 15, 2014 at 11:12 AM

    Hi,

    I am glad that this worked. We will take a look at your other threads and help you to solve those issues as well.

    Best Regards,
    Ben

  • Profile Image

    Answered by xtralease on October 16, 2014 at 10:54 AM

    It looks like everything is good except Internet Explorer is still having the issue.

     In addition, IE cuts off on the second page of the form when you try to submit without filling out any of the fields.

     

  • Profile Image
    JotForm Support

    Answered by Welvin 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

    Thank you!

  • Profile Image

    Answered by xtralease on October 16, 2014 at 12:57 PM

    I removed that but am still having the scrolling issue in IE11.

  • Profile Image
    JotForm Support

    Answered by Welvin 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:

    Thank you!

  • Profile Image

    Answered by xtralease on October 16, 2014 at 02:08 PM

    It's good now after I cleared my cache.  Thank you for your help and patience.

  • Profile Image
    JotForm Support

    Answered by Welvin 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!

    Regards!