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.


  • Profile Image

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

    Asked by AA_C 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.

     

    Page URL:
    http://www.aac.ca/en/forms/main/#dog

    placeholder color remove placeholder date field
  • Profile Image

    Answered by AA_C 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
    JotForm Support

    Answered by BDAVID 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

    Answered by AA_C 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
    JotForm Support

    Answered by BDAVID 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

    Answered by AA_C 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

    Answered by AA_C 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
    JotForm Support

    Answered by Mike on September 10, 2016 at 07:35 PM

    Please replace the #ffffff with transparent in your CSS.

    color: transparent !important;

  • Profile Image

    Answered by AA_C on September 11, 2016 at 11:01 AM

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

    TNX,
    Robert