Hiding or disabling the Submit button

Hi,

I have a field that asks if the user has authority for the payment.

If they answer "Yes" the form continues and they end up at a green "Submit" button.

If they answer "No", the rest of the questions are hidden and the user jumps to a section with some text. There is also a Submit section with a "Save and Continue" button and a "Clear fields" option. I do not want the white "Submit" button (actually showing as "Do nothing")

None of the conditions allow me to disable the "Do nothing" button.

How do I achieve this?

Also, how do I show the "Clear all questions" as a button rather than text?

Thanks,

Glynn

You can use Show/Hide conditions to Hide the Submit button titled "Do Nothing" - https://www.jotform.com/help/316-how-to-show-or-hide-fields-base-on-users-answer

Please use this CSS code to change all Clear questions texts as buttons:

.form-submit-reset {

  border: 1px;

  width: 100px!;

  height: 50px;

  font-size: .875em;

  font-weight: 400;

  background-color: #6FB83C;

  padding: 10px;

  margin-left: 2px;

}

If you only want to change the last clear text as a button, then use this CSS code:

#input_reset_35.form-submit-reset {

  border: 1px;

  width: 100px!;

  height: 50px;

  font-size: .875em;

  font-weight: 400;

  background-color: #6FB83C;

  padding: 10px;

  margin-left: 2px;

}

You may use the colors as per your requirement. You can get the color codes from this link: https://htmlcolorcodes.com/

Here is how you can add CSS codes to the form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

Do try and let us know if this helps.

Hi Gerard,

Thank you for the reply. The CSS worked fine and looks good. Is there a code to centre the object? Couldn't find one in my cursory google search.

The hide fields option hides the whole section that contains the three buttons. I tried this yesterday afternoon and could successfully hide everything. I just want to get rid of the submit button and keep the others.

See attached image of what I want to achieve.

Thanks,

Glynn

The css (to amend the green clear button) is not saving. It is showing on the build page (see above), but not on the live form.

If you need to hide only the last "Do Nothin" submit button, then please use this CSS code:

#input_35.form-submit-button {

 display: none;

}

Also, for making the last Clear question text as a button, use this CSS code:

#input_reset_35.form-submit-reset {

border: 1px;

width: 100px!;

height: 50px;

font-size: .875em;

font-weight: 400;

background-color: #6FB83C;

padding: 10px;

margin-left: 2px;

}

I tested this on a cloned version of your form and it is working as required.

Please check this link: https://form.jotform.com/211718912644962

Hi,

Thanks for the css to hide the display button. That works fine.

There is still an issue with the two "Clear all..." buttons. The css works correctly in the build view and the two buttons are displayed in light green as per the screenshot above. However, when the form is published, the two buttons are not coloured at all. The css is not being applied to either button. I have used the code from your original answer (except for changing the colour to one of our house colours).

Thanks,

Glynn

.form-submit-reset {

  border: 1px;

  width: 100px!;

  height: 50px;

  font-size: .875em;

  font-weight: 400;

  background-color: #6FB83C;

  padding: 10px;

  margin-left: 2px;

}

Hello Glynn,

Sorry for the trouble caused.

Please replace the exisitng code that you have used with this one:

.form-submit-reset {

 border: 1px!important;

 width: 100px!;

 height: 50px!important;

 font-size: .875em!important;

 font-weight: 400!important;

 background-color: #6FB83C!important;

 padding: 10px!important;

 margin-left: 2px!important;

}

Do try and let us know.

That works.

Thank you.