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

    Adding links and texts to form which will not appear when printing submissions

    Asked by dlasson on April 20, 2016 at 10:37 AM

    Hi.

    Is there a way to add links as well as text to my form that will not appear when I print a submitted form? The links and text are for the user to see and use when completing the form, but I do not need to see them when I print a completed form.

    For example, I would like the link "Medical Plan Summary of Benefits" (at the beginning of the form) to be seen by the user when completing the form, but I don't want to see it when I print the submission. The same with the text in under the "Flexible-Spending Accounts" heading.

    Thanks!

    Page URL:
    https://form.jotform.com/53094073880155

    links on pdf texts on pdf print submissions
  • Profile Image
    JotForm Support

    Answered by liyam on April 20, 2016 at 01:00 PM

    Hello,

    You can add this CSS code in your form:

    @media print { a[href], #text_201 {
    display: none !important;
    }
    }

    If in case you need to know the steps on how to inject CSS into your form, you can follow the steps found on this user guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please do let us know if you have other questions or concerns.

    Thanks.

     

  • Profile Image

    Answered by dlasson on April 20, 2016 at 04:11 PM

    Hello.

    The CSS injection did not seem to work. 

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 20, 2016 at 06:53 PM

    I copied the code provided by my colleague above and injected on a cloned form of yours, it worked fine, links and the text that you want were hidden when I clicked on the print button, I downloaded the PDF file and you are able to see it by clicking on this link. 

    Please remove the current injected code and paste this again:

    @media print {

         a[href], #text_201 {

            display: none !important;

            }

    }

    It should allow you to achieve what you want. 

    Update us here how it goes after it was embedded. 

  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 20, 2016 at 06:54 PM

    Here is also my cloned form with this applied if you want to see the live sample: https://form.jotform.com/61106817781962

     

  • Profile Image

    Answered by dlasson on April 21, 2016 at 11:40 AM

    Unfortunately, I am still not seeing the result I am looking for after re-copying the CSS code. I also do not see it in the PDF file that you made, so perhaps I wasn't clear in my request. Please see my comments on the attached images. (Sorry, I did not know how to attach them as small images.)

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Welvin on April 21, 2016 at 02:17 PM

    The CSS will only hide the links when you print the form, not the submissions. It seems like there is a little misunderstanding here, our apologies for that.

    There's actually no way to hide the texts other than to remove them in the form. I just tried a few options such as hiding the field in the form builder, it doesn't seem to work.