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

    Time field is too wide in mobile devices.

    Asked by plott on August 30, 2015 at 10:57 AM

    I have 2 time fields on my form.  When I call them up on my phone (iPhone 5C), they are much too wide - spacing between individual pieces of the time are too far apart.  How can I adjust this?

    My form can be found at:

    http://form.jotform.us/form/52374922322149

     

    Thank you!!

    time field wide too wide JotForm call
  • Profile Image
    JotForm Support

    Answered by ashwin_d on August 31, 2015 at 02:57 AM

    Hello plott,

    I would suggest you to make you form mobile responsive and that should solve your problem. The following guide should help you how to make your form mobile responsive:  https://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive 

    Hope this helps.

    Do get back to us if the issue persists.

    Thank you!

  • Profile Image

    Answered by plott on August 31, 2015 at 09:45 AM
    How is that different than setting the form to be mobile responsive in Designer/Form Layout?
    Thanks!
    Peter Ott
    ________________________________
    ...
  • Profile Image

    Answered by plott on August 31, 2015 at 09:45 AM
    I made this change but it still doesn't look good.
    Could you take a look at this - is it a 5C issue only?
    Peter Ott
    ________________________________
    ...
  • Profile Image

    Answered by Carina on August 31, 2015 at 12:06 PM

    I have tested the form and can see what you mean:

    I will make further tests and will let you know as soon as I have more details.

  • Profile Image

    Answered by plott on August 31, 2015 at 04:45 PM
    Any good news, Carina?
    Peter Ott
    ________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on August 31, 2015 at 10:34 PM

    Please inject this CSS codes to your form, this might resolve the problem.

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

    [data-type="control_time"] .form-sub-label-container {

        width: 55px !important;

    }

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    Please let us know if not so we can assist you further.

    Regards

  • Profile Image

    Answered by plott on September 01, 2015 at 08:45 AM
    OK, this is not working.
    I have modified my form and put my time fields on 2 separate lines - this will work for me.
    I have then expanded my date field to be a single line, however it it too long.
    How can I narrow my date field such that the calendar icon shows on my screen?
    Thank you!
    Peter Ott
    ________________________________
    ...
  • Profile Image

    Answered by Carina on September 01, 2015 at 11:25 AM

    You mean the date of service field?

    Please try adding this css code:

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

        #day_7 {

            width : 55px !important;

        }

     

        #month_7 {

            width : 55px !important;

        }

    #id_7 {

        width : 150px !important;

    }

    }

     

    You can test it here:

    http://form.jotformpro.com/form/52433980982969? 

    Let us know if the problem persists.

  • Profile Image

    Answered by plott on September 01, 2015 at 11:45 AM
    Nice - thank you!!
    Peter Ott
    ________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 01, 2015 at 01:01 PM

    Hello Peter,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!