Date/time layout not displaying correctly

  • Profile Image
    vitaskinspa
    Asked on January 06, 2022 at 08:49 AM

    Hi,

    My date/time section is displaying squashed up and its hard to read the numbers, can you tell me whats wrong? It displays fine on the jotform builder, but is not correct on a browser or phone..


    1641476867_61d6f303ee8b7_Screen Shot 2021641476867_61d6f303c3070_Screen Shot 202

  • Profile Image
    Saeed_K
    Answered on January 06, 2022 at 09:27 AM

    Hi there - Thanks for reaching out to support.

    The following CSS should resolve the problem with the date field:

    You can click here to see how to inject CSS into your form.

    span.allowTime-container {

     width: 100% !important;

    }

    span.allowTime-container > span:first-child {

     display: block !important;

    }

    li[data-type="control_datetime"] input.form-textbox {

     padding: 5px !important;

    }

    #hour_108 {

     width: 100px !important;

     padding: 5px;

    }

    #min_108 {

     width: 100px;

     padding: 5px;

    }

    Output:

    1641479159_61d6fbf7e9374_

    Let us know if this solution works for you.