-
FCTIAsked on December 24, 2020 at 12:48 PM
I am attempting to give the user experience of a one-button submission by:
- Hiding the submit button using CSS
- .form-submit-button{ border-style: none; box-shadow: none; background: none; color: #ffffff; height: 5px; margin: 0px; padding: 0px;}
- .forms-buttons-wrapper {border-top: 0;}
- Implementing the Global Countdown automatic submission set at 7 seconds.
- For this item, I have used CSS to hide the countdown
- 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 SupportReplied 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:
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.
-
FCTIReplied 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.