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

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.)

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.

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?

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 Guide: Customize-Your-Form-Using-Custom-CSS-Codes