What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How to conditionally sho / hide only print button of form?Asked by gentlemanmike on September 21, 2015 at 10:25 AM
I have created a form where the user can select paypal or cheque. What I want to do is for the submit button to appear when they select paypal and the print button to appear when they select cheque.
However, when they select either, BOTH buttons disappear.
print and select OR
Please be noted that it is not possible to add condition to show / hide the print button of form. You can only add condition to show / hide the submit button but with a little workaround, it is possible to achieve your requirement. Here are the steps you should follow:
#1. Remove the "Print Button" from your form.
#2. Add a "Text" field and copy the print button code in the "HTML" section. You can use the following button code:
<button id="input_print_2" style="margin-left:25px;" class="form-submit-print form-submit-button-simple_white" type="button">
<img src="//d2g9qbzl5h49rh.cloudfront.net/images/printer.png" align="absmiddle">
<span class="span_print" id="span_print_2">
#3. Add condition in your form to show / hide the "Text" field if the "Check" payment option is selected. Please check the screenshot below:
Please take a look at the following cloned form and see if if this works as expected: http://form.jotformpro.com/form/52635746727970? Feel free to clone this form for a closer look. The following guide should help you in form cloning: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL
Hope this helps.
Do get back to us if you need any other changes.
Thanks for that.
I cloned your form as shown and it works perfectly now.
You are welcome.
I am glad to know that your form is now working as expected.
Do get back to us if you have any questions.