Form next button not shown while embedded

  • sunshine2127
    Asked on August 3, 2015 at 11:19 AM

    It's been over a week since I reported this problem.  I AM NOT receiving the support I need!  We are missing applications for school that starts in under two weeks!  It is not professional for our site not to be working and I am more than a little upset.....Where is this amazing team you sold us on?  We need this problem fixed TODAY PLEASE!  When the dropdown box opens for Kindergarten choice or 1-4 grade Dual Immersion the NEXT button at the bottom of the page disappears.  We have tried several ways to resolve this and nothing is working!  I have tried shortening the form and our tech support has done something to the website that was recommended by your team.  None of this is fixing the problem.  If it's something I can do, great, please just tell me what it is.  I have done the tutorials and still can't determine the cause.  The NEXT button is in a box labeled page 2-it should be at the bottom of page 1-is that the issue?  If so, how do I fix it?  I have tried deleting and adding the  box again and it still labels it as page 2?  PLEASE HELP!  This is critical information that our school is missing out on!  It is costing us MONEY!!!!! Our website is americanleadership.net and the waitlist application is under the Enrollment tab....

    Thanks!

  • AaronSiciliano
    Replied on August 3, 2015 at 11:50 AM

    https://www.jotform.com/answers/622221-The-page-next-button-gets-cut-off-as-new-fields-are-shown-on-the-form#3

    The original thread that you are referencing provides a solution to this problem for you. Can you confirm that the form itself does not have an issues when not embedded in your website? http://form.jotform.us/form/50264649781160

    As Ben said on the other thread you need to adjust the height of the iframe to where it is taller than the form with all of the hidden fields shown. I took a look at the form and on my computer with all of the fields shown the height of the form needs to be at bare minimum 1630px or have scrolling enabled.

    The embed code with scrolling disabled and the height raised to correct the form to be displayed on my computer is below.

    <iframe frameborder="0" scrolling="no" style="width: 100%; height: 1630px; border: medium none;" src="//form.jotform.us/form/50264649781160" allowtransparency="true" onDISABLEDload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe><script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

  • sunshine2127
    Replied on August 3, 2015 at 1:09 PM
    Yes-I can confirm that the form is correct on the link you provided.....I
    will have our tech person, Kyle Hansen, make the change to see if it
    works. Thank you very much for your quick response. I hope this fixes the
    problem....
    Have a nice day!
    Kathy James
    ...