Hide submit button and show alternative button

  • Profile Image
    Mrkay
    Asked 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,

  • Profile Image
    EliezerN
    Answered 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
    Mrkay
    Answered 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
    ashwin_d
    Answered 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!