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

    How can I hide the Submit button, but keep the Print button?

    Asked by CFN_Forms on September 22, 2011 at 05:52 PM

    Hi,

    I've got a form principly only showing information, and I want the Print button to work, but I would like to hide the submit button.

     

    I'm using the JotForm lightbox-embed, and would like to have one page with input fields and text information, which my customers print out, sign and deliver manually.

     

    Is there a possibility to not have the Submit button, but to have a functioning print button? 

     

    Thanks!

  • Profile Image

    Answered by yasinco on September 22, 2011 at 06:07 PM

    I think you should use the full form source code and then remove the submit button from it.

    To get full form source, open the form on the Form Builder:
    1. Open "Setup & Share" tab on toolbar,
    2. Click on "Share Form"
    3. Click on "Advanced Options"
    4. Click on "Full Source Code" and copy the form code.

    Then, paste that code into a text editor and remove these lines:

                            button id="input_81" type="submit" class="form-submit-button"
                                Submit Form
                            /button

    The copy and paste that code to your web site. It will not have the submit button.

    -JotForm Support! 

  • Profile Image

    Answered by brx250 on September 23, 2011 at 12:07 AM

    Hi there,

    There is a workaround that you can do to manually create a Print button for your form which should print the whole form properly. Please follow these steps:

    1) At the bottom of the form, insert a Free Text HTML field (located under Power Tools).

    2) Click Edit HTML button at the upper right corner of the field.

    3) Click Edit HTML icon  at the lower right corner of the field.

    4) Paste the following code in the free text area: 

    <p><a target="_blank" href="javascript:window.print()"><img src="//content.screencast.com/users/Allanftd/folders/Jing/media/bc9982ed-9804-4a58-a570-d7032a636bf5/2011-04-07_1201.png" alt="" align="left" /></a>

    5) Click Update to close the free text area window.


    6) Click Complete.

    To see the buttons at work, please visit this sample form - http://www.jotform.com/form/10873747777?
    Hope this helps. If you have further issues and concerns, please feel free to contact us again.

    _____________________________________________       

    Albert     | JotForm Support   

  • Profile Image
    JotForm Support

    Answered by abajan on September 23, 2011 at 01:27 AM

    Hi CFN_Forms

    An alternative method would be to inject the following CSS:

    .form-submit-button {
    display:none;
    }

    If you nee further assistance with this or anything else form related, please let us know.

    Thanks.


    ~ Wayne

    EDIT: On second thought, use Albert's solution. Mine won't work for your purpose.