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

  • Profile Image
    blus0urc3
    Asked on January 18, 2018 at 02:37 PM

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

  • Profile Image
    Jan
    Answered on January 18, 2018 at 04: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.png

    Here's the result:

    151631148101-19-sm9y2.png

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

    Hope that helps. Thank you.