Date field is not displayed correctly in mobile devices.

  • Profile Image
    Pirieles
    Asked on March 28, 2017 at 05:27 AM

    Hello

    Hope you can help? This form appears to work fine on anything other than a phone.  People are telling us that dates cannot be accepted.  It looks as though the date box can only accept 1 digit when you see it on a phone (certainly iphones!)

    Thank, Lesley

    https://form.jotform.com/70704154297962

  • Profile Image
    ashwin_d
    Answered on March 28, 2017 at 06:10 AM

    Hello Pirieles,

    I'm sorry for the trouble caused to you. 

    I did test your form in mobile device (iPhone) and I am unable to replicate the issue you are having. It does display the date field correctly and the full date is being displayed. Please check the screenshot below:

     

    Have you embedded your form in any webpage where you are having this issue with? Please share the webpage URL and we will take a look.

    We will wait for your response.

    Thank you!

  • Profile Image
    Pirieles
    Answered on March 28, 2017 at 06:45 AM
    Hi there
    I see this on our website where the form is embedded and using jotform directly in other words the link I sent. I haven't seen it before. This is a copy and paste from my phone and the date is too small. Maybe we have chosen a different date option to normal. Is there a 'best one' to use?
    Thank you, lesley
    * Date of Birth *
    Date [Pick a Date]
    * Child's School *
    School Class
    *
    Sent from my iPhone
    ...
  • Profile Image
    Welvin
    Answered on March 28, 2017 at 09:39 AM

    I've fixed it for you by injecting the following custom CSS codes:

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

    li#id_23 {

        width: 100% !important;

    }

    #cid_23 > div > span:nth-child(2) {

        width: 85% !important;

    }

    #cid_23 > div > span:nth-child(3) {

        width: 15% !important;

    }

    }

    Please check again and let us know if the field is still small. 

  • Profile Image
    Pirieles
    Answered on March 28, 2017 at 01:45 PM
    Hello
    That's perfect thank you. One question though. I have no idea to do what you've done. Will I need to each time we add a date?
    Regards, Lesley
    Sent from my iPhone
    ...
  • Profile Image
    ashwin_d
    Answered on March 28, 2017 at 02:55 PM

    Hello Lesley,

    No you do not have to inject custom css code in form every time you add a date field. Do get back to us if the issue appears in any other form and we will take a look.

    Thank you!

  • Profile Image
    Pirieles
    Answered on March 28, 2017 at 03:45 PM
    Okay thanks
    Sent from my iPhone
    ...