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

  • Profile Image
    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
    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.


    Here's the result:


    Here's the demo form:

    Hope that helps. Thank you.