Date field: Sub-label and Date value is too short

  • blus0urc3
    Asked on January 18, 2018 at 2:37 PM

    date field bottom label taking up 4 lines and date field is too short to see a date value

    Jotform Thread 1353944 Screenshot
  • Jan
    Replied on January 18, 2018 at 4:41 PM

    Sorry for the delay. Please inject this custom CSS code into your form: 

    #id_33, #id_34 {
    width: 304px !important;
    }

    #id_57[data-type="control_datetime"] .form-sub-label-container, 
    #id_58[data-type="control_datetime"] .form-sub-label-container, 
    #id_33[data-type="control_datetime"] .form-sub-label-container, 
    #id_34[data-type="control_datetime"] .form-sub-label-container {
    width: 195px !important;
    }

    #id_57[data-type="control_datetime"] .form-sub-label-container:last-child, 
    #id_58[data-type="control_datetime"] .form-sub-label-container:last-child, 
    #id_33[data-type="control_datetime"] .form-sub-label-container:last-child, 
    #id_34[data-type="control_datetime"] .form-sub-label-container:last-child {
    width: 25px !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes.

    After this, please shrink the "Requested Wishlist Start Date" and "Requested Wishlist End Date" fields.

    151631143801 19 g67b0 Screenshot 10

    Here's the result:

    151631148101 19 sm9y2 Screenshot 21

    Here's the demo form: https://form.jotform.com/80176354804962.

    Hope that helps. Thank you.