How can I hide the calendar button if Lite mode is off?

  • matheg
    Asked on July 5, 2020 at 9:50 AM

    How can I hide the calendar button if Lite mode is off?

    Anyway, what happened to the sublabels? The separator also appears, and it looks very ugly. (Previously I didn't notice this.)

  • Flavio_A
    Replied on July 5, 2020 at 10:20 AM

    Hi @matheg

    Please inject the below CSS code to your form to remove the separator in the sublabels:

    .date-separate {

    display: none;

    }


    As for the calendar button, if you are referring to the calendar icon next to the calendar fields, you should be able to hide it by injecting the following CSS code to the form:

    img#input_24_pick { 

    display: none; 

    }

    Related guide:


    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please have a try and let us know if you need any further assistance.

  • matheg
    Replied on July 7, 2020 at 5:24 AM

    Thank you! This works.

    No idea, why the first code is needed. Previously only the label was shown, not the separator.

    It is great that so many tasks can be solved using CSS code, but it is really annoying that an expert level is required. The second code refers only to a single object. What if I want to apply this setting to all date picker objects? How do I know how to refer to this object?

  • John Support Team Lead
    Replied on July 7, 2020 at 6:37 AM

    You can use the browser's INSPECT tool to determine what code to use. Here's an example:


    It allows you to determine what is the selector/field ID of a specific field.

    Related GuideCustomize-Your-Form-Using-Custom-CSS-Codes