The Date field is not a Mobile Responsive field

  • Profile Image
    BhumiOrg
    Asked on September 22, 2019 at 03:03 AM

    Hello,

    The Date field is not accepting input when typed or in date selection. This is preventing forms from being submitted.

    Thanks

  • Profile Image
    roneet
    Answered on September 22, 2019 at 04:03 AM

    Please allow me some time to check. I'll get back to you in some time.

    Thanks.

  • Profile Image
    roneet
    Answered on September 22, 2019 at 06:00 AM

    I have gone ahead and injected the following CSS code in your Form.

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
    .form-all {
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 2px;
     padding-bottom: 2px;
    }

    li[data-type="control_datetime"] input.form-textbox {
     padding: 0px 0px 0px 0px;
    }
    #day_6 {
     height: 30px !important;
     height: 30px !important;
    }

    #month_6 {
     width: 50% !important;
     height: 30px !important;
    }

    #year_6 {
     height: 30px !important;
    }
    }

    Let us know how it goes.

    Thanks.

  • Profile Image
    BhumiOrg
    Answered on September 22, 2019 at 10:34 AM

    Can you please do the same for

    https://form.jotform.me/72244968715466

    &

    https://form.jotform.me/92621772031451

    as well

    Thanks

  • Profile Image
    BDAVID
    Answered on September 22, 2019 at 11:08 AM

    Please inject the following CSS code in both forms:

    @media only screen and (max-width: 480px) {

    li[data-type="control_datetime"] > div > div > span.form-sub-label-container {

        margin-left: 0px !important;

        width: auto !important;

    }

    [data-type=control_datetime] .form-sub-label-container:first-child {

        width: auto !important;

    }

    [data-type=control_datetime] .form-sub-label-container:last-child {

        width: auto !important;

        margin-left: 0px !important;

    }

    }

    Result: https://form.jotform.com/92643996902975

    1569164850result_001.png

    Let us know if you need anything else, we will be glad to assist you.

  • Profile Image
    BDAVID
    Answered on September 22, 2019 at 11:16 AM
  • Profile Image
    BhumiOrg
    Answered on September 23, 2019 at 10:20 PM

    Can you please do it for me this time.

    Thanks

  • Profile Image
    roneet
    Answered on September 23, 2019 at 10:36 PM

    I have injected my colleague's code in both of your Forms.

    Please let us know if you experience any further questions.

    Thanks.

  • Profile Image
    BhumiOrg
    Answered on September 24, 2019 at 10:53 AM

    Thanks