Not able to fill-in the Month field of the Date field on mobile device

  • Michelle Winter
    Asked on August 16, 2019 at 1:37 AM

    1. When filling out form on mobile device, the month section of the date module will not fill in. This causes the entire form to not work. 

    2.

    If creating a form that is small enough for a mobile device, it ends up looking too small in general...especially for desktop viewing. How do I fix this? 

    3.

    When I had captcha on the form and tried to fill out the form on a mobile device it always said it was unable to connect with captcha, so it wanted the entire page refreshed...never could get it to work, so I took it off. 

    3.

    When filling out the desktop form and get to the end, it sits forever in "waiting" mode and never sends

    I'm using divi child theme on wordpress.org. I do not know how to do any css, so any instructions you might give me needs to be pretty basic please. 

    Here is my website: alleycatfacepainting@earthlink.net

    Thank you in advance for your help! 

    Michelle 


  • Mike_G JotForm Support
    Replied on August 16, 2019 at 5:34 AM

    We would like to apologize for any inconvenience. 

    1. When filling out form on mobile device, the month section of the date module will not fill in. This causes the entire form to not work.

    I was able to reproduce the issue you have described after testing the Date field in your form on the website it is embedded in an Android Device.

    The issue you are having, however, can be fixed by injecting custom CSS codes to your form. I have below the codes that need to be injected and here's the guide that has the instructions on how you can do that — How-to-Inject-Custom-CSS-Codes

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

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

        width: 19% !important;

        margin-left: 0px !important;

    }

    }

    1565947495zt05 23 45 Screenshot 10

    If you need any assistance in injecting the custom CSS codes to your form, please feel free to let us know so we can do it for you on our end.

    As for your other concerns, I have moved them to separate threads considering they are about another topic.

    2. If creating a form that is small enough for a mobile device, it ends up looking too small in general...especially for desktop viewing. How do I fix this?

     https://www.jotform.com/answers/1929084

    3. When I had captcha on the form and tried to fill out the form on a mobile device it always said it was unable to connect with captcha, so it wanted the entire page refreshed...never could get it to work, so I took it off.

     https://www.jotform.com/answers/1929086

    3. When filling out the desktop form and get to the end, it sits forever in "waiting" mode and never sends.

     https://www.jotform.com/answers/1929087

    For any follow-up questions about your other concerns, please refer to the threads linked above.