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

  • dlasson
    Asked 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!

  • liyam
    Replied on April 20, 2016 at 1: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.

     

  • dlasson
    Replied on April 20, 2016 at 4:11 PM

    Hello.

    The CSS injection did not seem to work. 

    Thanks.

  • Kevin Support Team Lead
    Replied on April 20, 2016 at 6: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. 

  • Kevin Support Team Lead
    Replied on April 20, 2016 at 6:54 PM

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

     

  • dlasson
    Replied 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.Adding links and texts to form which will not appear when printing submissions Image 1 Screenshot 30Adding links and texts to form which will not appear when printing submissions Image 2 Screenshot 41

  • Welvin Support Team Lead
    Replied on April 21, 2016 at 2: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.