The submit button is no longer showing on the online form

  • standrewpresbytery
    Asked on October 8, 2015 at 10:34 AM

    We have had this form up and operational for more than six months. Yesterday it worked fine. Today, the submit button does not show on the form. No matter what browser. No matter that the preview of the form shows the submit button. We have tried replacing the embed code. 

    And this is a critical time for us. The form is for an event that takes place in less than two weeks. We are receiving panicked phone calls from clients that are trying to register only to find out that there is no submit button when they get to the bottom of the form.

    http://livingwatersfortheworld.org/CWU_applicationform.php 

    Please HELP! 

  • Boris
    Replied on October 8, 2015 at 1:46 PM

    After checking out your website, I can see that there is a scrollbar to see the bottom part of the form:

    The submit button is no longer showing on the online form Image 1 Screenshot 40

    Upon scrolling down, the Submit button is shown:

    The submit button is no longer showing on the online form Image 2 Screenshot 51

    Your form is currently embedded with iFrame code that limits its height to 1934 pixels, but the form needs 2060 pixels in order to be fully displayed without the scrollbar. We also have a little script just under the iFrame that normally tries to resize the form to the correct size even if the height from the embed codes is not correct, but it sounds like the script is not succeeding in correctly changing the height of your form since recently.

    The submit button is no longer showing on the online form Image 3 Screenshot 62

    What I would recommend in order to remedy this, is to set a minimum height that your iFrame form will always have, regardless of the size the script will resize it to. We can do this by changing your current iFrame code from this:

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

    Into this:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/50755055101142" frameborder="0" style="width:100%; height:2060px; min-height:2060px; border:none;" scrolling="yes"></iframe>

    What I have changed in this code is, I have set the default height to be the 2060 pixels, so that the form is tall enough by default. I have also added min-height:2060px; which will ensure that the form always has this much height available for it, even if the script tries to resize it incorrectly.

    Please let us know how it goes with that change.