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

    Year in the datetime field is too narrow that it cuts off the year input in mobile view

    Asked by mberman on May 13, 2016 at 10:19 AM

     
     
    Please need to fix the last digit of the year is not showing up when I run on the phone. If you can correct me, I will be very grateful.
    Page URL:
    https://form.jotformz.com/mberman/pedido-encomendas-online

    Screenshot
    hidden in div correct showing up class
  • Profile Image
    JotForm Support

    Answered by Charlie on May 13, 2016 at 11:43 AM

    I see your form has a lot of CSS code. Could you please try adding this one at the bottom of your CSS code:

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

        #cid_14 > span:nth-child(3) {

        min-width: 50px !important;

        }

        [data-type="control_datetime"].allowTime .allowTime-container {

            width: 45% !important;

        }

        #hour_14, #min_14 {

            min-width: 42px !important;

            margin-right: 3px !important;

        }

    }

     

    Here's a screenshot to where to add it, paste it under the CSS tab in your Form Designer Tool:

     

    Here's my cloned form: https://form.jotform.com/61334244624955. You can test it and see if it works as expected. If it does, you can get a copy of that version in your account by cloning it, here's how to clone my form: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    I hope that helps.