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

    Print a filled out form

    Asked by simonplant on August 30, 2012 at 02:34 PM

    Hi, so I have the print button on my form and I want clients to be able to print out or download and print out the form if they do not want to send the informaiton through the internet. How can I do this?

  • Profile Image

    Answered by gori-mathew on August 30, 2012 at 04:27 PM

    Hi,

    Here is how to have a "Print Form" button without Submit button:

    1. Open the form in question in the form builder

    2. Click the last field on your form (in this instance that would be the "Date of lien")

    3. Under "Form Tools" in the menu on the left, click "Submit Button"

    4. In the toolbar click "Print Button"

    5. Click "Preview"

    6. Click the form's URL to select it

    7. Copy it (Ctrl+C)

    8. Paste the URL into the address bar of a new browser tab or window and hit "Enter"

    9. While on the form's page, view its source and search for the line that states in part, type="submit" class="form-submit-button"

    10. On that same line of the code, you should see an "id" attribute. Note its value. (It will be something like "input_36".) 

    11. Now go back to the window or tab containing the form builder and on the "Setup & Embed" tab, click "Preferences"

    12. Click the "Form Styles" tab

    13. Assuming the value for the id you noted was "input_36", enter #input_36 { display:none; } into the "Inject Custom CSS" field

    14. Click "Close Settings"

    Your form should now display just the "Print Form" button in the submission section.

    You may also check on the link below for more details:

    http://www.jotform.com/answers/80577-How-can-a-person-print-their-completed-form-before-after-submitting-it