Global Countdown Widget does not submit the form

  • FCTI
    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.

  • Ashwin JotForm Support
    Replied on December 24, 2020 at 1: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 Screenshot 10

    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.

  • FCTI
    Replied on December 24, 2020 at 1:22 PM

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

    It is working now. Thank you.