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.


  • Profile Image

    Hide submit button and show alternative button

    Asked by Mrkay on November 14, 2013 at 08:51 AM

    Hi,

    In the event the website user would prefer to enter the address information manually. Is it possible to hide the submit button located above the collapsed field; when the collapsed field is open. Other wise there will be two buttons showing at once.

     

    I can't place teh button below the colapsed field as it also hides the button. Unless there is a way to only have one button which does appear under the collapsed field.

     

    http://form.jotformpro.com/form/33163012738953?

     

    Thanks,

    Page URL:
    http://form.jotformpro.com/form/33163012738953?

    hide submit button thanks
  • Profile Image

    Answered by EliezerN on November 14, 2013 at 10:11 AM

    Thanks for contacting us.

    There is a way to use one single submit button and locate it below the collapse field, I cloned your form and made the changes, please take a look at it: http://form.jotformpro.com/form/33173632509958

    What I did is:

    1. Added one more collapse above the second Submit Button.

    2. Then, changed the  Status to Open and the Visibility to Hidden.

      

    3. Then deleted the first Submit button:

    I hope this helps please let us know if you need further assistance with this or kindly open a new thread to post unrelated enquiries.

    Thanks.

  • Profile Image

    Answered by Mrkay on November 14, 2013 at 10:17 AM

    Very clever thank you.

    Could you tell me how I can change the appearance of the collapsed field button as it is rather unsightly. Collapsed field button is too large, I can't see the white font on the grey background and its larger than the actual submit button.

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 14, 2013 at 11:22 AM

    Hello Mrkay,

    The form collapse form field added by my colleague will only be visible in the form editor. You will not be able to view this form collapse because the visibility is set to "Hidden" (Please check point #2 in my colleague's response).

    If you still want to change the appearance of the form collapse field, it is possible to do so by injecting custom css code in your form. Here is a sample css to reduce the height of the form collapse field: 

    .form-collapse-table{height:40px !important;} // Reduce the height of the collapse field

    .form-section-closed {height:40px !important;} // Reduce the height of the collapse while closed

    #collapse-text_25 {margin-top:9px;} // To bring the text in the middle

    You can inject this css in your own form and take a look. Here is a guide which should help you inject this css in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I have cloned your from and injected this custom css to reduce the height of the form collapse field.  Please take a look: http://form.jotformpro.com/form/33174633151953?

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!