The page break on my form does not show on my web page

  • Mortisaga
    Asked on September 17, 2016 at 5:12 PM

    i use an order form on my website www.hangatyr-metal.de

    the form is shown correctly on jotform.com in preview mode.

    Anyways, on my website it is shown, if you choose an article normally the "next"-button should show up - this is not working anymore. I tested several browsers. But I received an order yesterday, so it must have worked then.

    I use two forms - a German and an English one, the English one still works fine. So I tried and copied my code (the web site is created with Magix WebDesigner 6) and just replaced the URL with the one for the German form - still I am having the problem

  • liyam
    Replied on September 17, 2016 at 10:12 PM

    Hello,

    I checked your form and on found that you have a condition which is set that if there are no items selected, the next button should be hidden. I also checked your form and it seems to be working on how it's supposed to.

    The page break on my form does not show on my web page Image 1 Screenshot 20

    Are you still having issues on your end?

    Thanks.

  • Mortisaga
    Replied on September 18, 2016 at 8:10 AM

    Hi,

    I deleted one article that is no longer available, so the form is now a bit smaller.
    Still I have some issues, but it looks like it is a zooming problem.

    I tested on my mobile - no problems there, the button is shown (btw. it is supposed to hide the button if no article is selected - I don't want to get "empty" orders ;-) )

    Here are some screenshots testing in Mozilla Firefox:

    at 90% Zoom:

    The page break on my form does not show on my web page Image 1 Screenshot 50

    at 100% Zoom:

    The page break on my form does not show on my web page Image 2 Screenshot 61

    at 120% Zoom:

    The page break on my form does not show on my web page Image 3 Screenshot 72

    at 150% Zoom:

    The page break on my form does not show on my web page Image 4 Screenshot 83

     

    same goes with Opera, but there you see the button at least with the standard 100% Zoom, which most people should have set.

    I did not test in Chrome - since I don't have it installed

    Internet Explorer works really fine - button shows up no matter what zoom you set.. but no one likes IE ^^

     

    I use Firefox 49.0 (beta - maybe this is why) and Opera 39.0

     

    Thank you in advance for your support

     

  • Elton Support Team Lead
    Replied on September 18, 2016 at 9:02 AM

    I think it's the height of the container where the form is embedded that is not enough to display the form in its full length. Note that the length of the form may vary on different browsers since every browser has its default styling on the form fields.

    Please try to extend the height of the container where your form is embedded, that might fix it.

    The page break on my form does not show on my web page Image 1 Screenshot 20

    You can also try to enable the iframe scrolling. On your iframe embed code, just change the value of the scrolling attribute to yes. 

    Example:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/33617660420348" frameborder="0" style="width: 100%; height: 1295px; border: none;" scrolling="yes"></iframe>

    Let us know how it goes. Thanks!

  • Mortisaga
    Replied on September 19, 2016 at 8:28 AM

    Thanks a lot,

    setting the height on 1380 worked fine for me

  • Support_Management Jotform Support
    Replied on September 19, 2016 at 8:54 AM

    Thanks for taking your time keeping us posted that setting the height of the container resolved it. Don't hesitate to open a new thread in case you have other questions.