Date format: How to hide the placeholder

  • AOGB
    Asked on June 21, 2018 at 7:05 AM

    For the Date field, I selected the dot as separator, the German date format TT-MM-JJJJ, and "Nothing" as standard date. Still, the field is by default filled with "dd.mm.yyyy". I would have expected to see an empty field. Is there a way to get rid of "dd.mm.yyyy" because it doesn't mean anything to German users. Programmatic assistance can always supplied below the field instead of in it.

  • aubreybourke
    Replied on June 21, 2018 at 10:26 AM

    I'm afraid its not possible to change the placeholder text.

    However, if you disable lite mode the date will split into three fields:

    1529591037iu0v7 Screenshot 10

    And if you also change your form language to German.

    Your date will display like this:

    1529591108n4kan Screenshot 21

    Hope that helps!

  • aubreybourke
    Replied on June 21, 2018 at 10:29 AM

    If you want to hide the dd/mm/yyyy hint then you can add this CSS code:

    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */

      color: white;

    }

    ::-moz-placeholder { /* Firefox 19+ */

      color: white;

    }

    :-ms-input-placeholder { /* IE 10+ */

      color: white;

    }

    :-moz-placeholder { /* Firefox 18- */

      color: white;

    }

    It will make your date field look like this:

    1529591354s24om Screenshot 10

    Instructions here: How-to-Inject-Custom-CSS-Codes


  • AOGB
    Replied on June 23, 2018 at 6:11 AM

    Thanks for your excellent support!