What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Date field is not displayed correctly in mobile devices.

    Asked by Pirieles 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

    Page URL:
    https://form.jotform.com/70704154297962

  • Profile Image
    JotForm Support

    Answered by ashwin_d 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

    Answered by Pirieles 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
    JotForm Support

    Answered by Welvin 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

    Answered by Pirieles 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
    JotForm Support

    Answered by ashwin_d 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

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