-
dlassonAsked 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 -
liyamReplied 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.
-
dlassonReplied on April 20, 2016 at 4:11 PM
Hello.
The CSS injection did not seem to work.
Thanks.
-
Kevin Support Team LeadReplied 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 LeadReplied 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.
-
dlassonReplied 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.
-
Welvin Support Team LeadReplied 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.