Global Countdown Widget does not submit the form

  • Profile Image
    rhellmann
    Asked on December 24, 2020 at 12:48 PM

    I am attempting to give the user experience of a one-button submission by:

    1. Hiding the submit button using CSS
    2. .form-submit-button{ border-style: none; box-shadow: none; background: none; color: #ffffff; height: 5px; margin: 0px; padding: 0px;}
    3. .forms-buttons-wrapper {border-top: 0;}
    4. Implementing the Global Countdown automatic submission set at 7 seconds.
    5. For this item, I have used CSS to hide the countdown
    6. iframe[src*="countdown"] {display: none;}

    However, the form does not submit.

    The link to the form is here - https://form.jotform.com/203556487070054


    I am also having trouble getting the right-hand line off of the "No. Thank you." button. But that is another matter completely.

  • Profile Image
    ashwin_d
    Answered on December 24, 2020 at 01:09 PM

    I did check your form and found that you have added condition to hide the submit button. Please check the screenshot below:

    1608833123_5fe4d86362ddf_condition.gif

    Please note that if the submit button is hidden, Global count down widget will not be able to submit form. You can inject the custom CSS code to change visibility to hidden and that will solve your problem. Please inject the following custom CSS code in your form:

    li#id_7 {

      visibility: hidden !important;

    }

    The following guide should help you how to inject custom CSS code in form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Please take a look at the following cloned form and see if it works as expected: https://www.jotform.com/203584753858974

    Hope this helps.

    Do get back to us if you have any questions.

  • Profile Image
    rhellmann
    Answered on December 24, 2020 at 01:22 PM

    *sigh* I had deleted that condition. Not sure why it came back.

    It is working now. Thank you.