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

  • Profile Image
    Asked on September 17, 2016 at 05:12 PM

    i use an order form on my website

    the form is shown correctly on 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

  • Profile Image
    Answered on September 17, 2016 at 10:12 PM


    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.

    Are you still having issues on your end?


  • Profile Image
    Answered on September 18, 2016 at 08:10 AM


    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:

    at 100% Zoom:

    at 120% Zoom:

    at 150% Zoom:


    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


  • Profile Image
    Answered on September 18, 2016 at 09: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.

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


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

    Let us know how it goes. Thanks!

  • Profile Image
    Answered on September 19, 2016 at 08:28 AM

    Thanks a lot,

    setting the height on 1380 worked fine for me

  • Profile Image
    Answered on September 19, 2016 at 08: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.