When form is printed date field shows format in dark text - RESOLVED

  • Profile Image
    AA_C
    Asked on September 06, 2016 at 03: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.

     

  • Profile Image
    AA_C
    Answered on September 06, 2016 at 04: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

  • Profile Image
    BDAVID
    Answered on September 06, 2016 at 06: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.

  • Profile Image
    AA_C
    Answered on September 08, 2016 at 04: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.yyyyif 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

  • Profile Image
    BDAVID
    Answered on September 08, 2016 at 06: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.

  • Profile Image
    AA_C
    Answered 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

  • Profile Image
    AA_C
    Answered on September 10, 2016 at 11:49 AM

    Hi,  Please try using color: #ffffff !important; and not the teal color for testing.

    TNX,
    Robert

  • Profile Image
    Mike
    Answered on September 10, 2016 at 07:35 PM

    Please replace the #ffffff with transparent in your CSS.

    color: transparent !important;

  • Profile Image
    AA_C
    Answered on September 11, 2016 at 11:01 AM

    PERFECT! Exactly what I wanted. Thank you one and all at JF.

    TNX,
    Robert