-
AA_CAsked on September 6, 2016 at 3:47 PM
Hi,
My form-60965567853976 has an option to PRINT. If One chooses to print the form, and fill it out for mailing in, the Date field has " mm/dd/yyyy " showing in very dark letters. I tried to add some custom css code to make appear very faint but that didn't work. Is there a way to turn off the displaying of date format?
I want to use the calendar function for those that prefer to use the submit option.
The form appears as a light-box on our website. If you wish to view it there it is : Transfer Dog Ownership
Here is an image of the form when it is to be printed.
Page URL: http://www.aac.ca/en/forms/main/#dog -
AA_CReplied on September 6, 2016 at 4:31 PM
I just found if turn off lite-mode it works much better.
But I still don't understand why in lite-mode it is so dark.
TNX,
Robert -
David JotForm Support ManagerReplied on September 6, 2016 at 6:45 PM
If you still want to try with lite mode, try injecting the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
#lite_mode_24{
color: #02565d !important;
}
Result:
Let us know if you need more help.
-
AA_CReplied on September 8, 2016 at 4:48 PM
Hi,
I had a very similar css code but did not have !important added.
I tried it again with:
#lite_mode_24
{color : #dedede !important;
text-align:center;
}
But I still get the same result, dark text printed mm.dd.yyyy, if no date is entered
if I actually enter a date then it is a light gray, 09.08.2016 showing a color as you indicate in your example.
The problem is if no date is entered, it's fine if a date is entered, then I don't care about color.
TNX,
Robert -
David JotForm Support ManagerReplied on September 8, 2016 at 6:25 PM
In order to change the color of your placeholder text, inject the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
*::-webkit-input-placeholder {
color: #02565d !important;
}
*:-moz-placeholder {
color: #02565d !important;
}
*::-moz-placeholder {
color: #02565d !important;
}
*:-ms-input-placeholder {
color: #02565d !important;
}
Result:
Let us know if you need more help.
-
AA_CReplied on September 10, 2016 at 11:43 AM
Hi,
So I injected the following so that the text is whited out, can't be seen!
*::-webkit-input-placeholder {
color: #ffffff !important;
}
*:-moz-placeholder {
color: #ffffff !important;
}
*::-moz-placeholder {
color: #ffffff !important;
}
*:-ms-input-placeholder {
color: #ffffff!important;
}
When previewing the form the text is not visible because it is now white but if you choose to print it the problem appears.
And this what appears for printing: Light gray text for "mm.dd.yyyy" when I actually want it to be white so that nothing shows there. Remember the form is printed out so to be filled by hand . Then mailed in.
It is not so good to write over existing text. It would be great if I could eliminate the text when printing all together
TNX,
Robert -
AA_CReplied on September 10, 2016 at 11:49 AM
Hi, Please try using color: #ffffff !important; and not the teal color for testing.
TNX,
Robert -
MikeReplied on September 10, 2016 at 7:35 PM
Please replace the #ffffff with transparent in your CSS.
color: transparent !important;
-
AA_CReplied on September 11, 2016 at 11:01 AM
PERFECT! Exactly what I wanted. Thank you one and all at JF.
TNX,
Robert