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.
Background Color not printingAsked by MaidCrew on February 15, 2017 at 09:21 AM
I'm not sure how you'll be able to fix this since it has to do with email code formatting as opposed to form code/CSS.
I've got a Gift Card form designed where I want it and it renders properly on the computer screen. Once completed/submitted, the EMAIL rendering of the Gift Card look good on screen also.... BUT when you actually print out the email/gift card, none of the table cells with background-colors will print causing the design/look to break.
Some folks say "change settings in your print server to allow for printing of background colors or images" but that is not a feasible solution when most people/clients who get this email / gift card will not know how to do that and I should not have to have a disclaimer on the email on how to make changes to a print server prior to printing.
I tried injecting a little bit of CSS into the email's source code but y'alls system then deletes it out when I try to save it.
I'm a little stumped and am hoping some sort of CSS injected into the actual form's source code will be able to translate over to allow for a printing of the email/gift card to INCLUDE background colors or images.
Unfortunately, it seems to be not possible with CSS. The CSS will not override the 'Print Background colours and images' option of print settings.
Here is a link to related discussion on Stackoverflow:
Thanks for looking into this. Could you view the following link / discussion...
Again, I'm not sure if the solution on this stackoverflow thread is applicable to my situation. I'm not sure if the solution is for use only inside email source code or a form source code?
The @media print rule will indeed allow you to customize the webpage layout when it is printed, but unfortunately, you will not be able to inject CSS code to the email's body so this would not work.
What you could do is to attach the PDF report of the submission and customize it to have a background color for each field.
To attach the email go to the form settings and emails section, edit the email notification where you need to attach the PDF and go to the advanced tab, once there turn on the attach PDF option:
To change the PDF report layout you could go to the submissions page and click on PDF -> Customize PDF option:
Hope this helps.