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

    Why date time field is not being displayed properly on iPhone?

    Asked by BLADEOFGRASS on March 02, 2016 at 03:11 PM

    I am revising some forms that I have used for quite some time by cloning them and modifying them.  One of these revised forms is not displaying on the iPhone the way that it used to.  The date and time fields are stretched out left to right.  See image attached.

     

     

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

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 02, 2016 at 05:57 PM

    I have checked your form and tried to replicate your issue, I tested a lot of times and the date time field is working as it should.

    If the issue is still there, please follow this guide to make your form mobile responsive: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive

    Do let us know if it works.

  • Profile Image

    Answered by BLADEOFGRASS on March 05, 2016 at 04:05 PM

    Did you use an iPhone?

  • Profile Image
    JotForm Support

    Answered by EltonCris on March 06, 2016 at 04:22 AM

    He uses iPhone simulator.

    I tried it on a physical iPhone device and I couldn't reproduce the problem.

    However, I noticed that the clear button expands to the right which makes some of the fields to extend its width as well.

    Please try to inject this CSS codes to your form, this should correct the button alignment on mobile.

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

    .form-submit-button,

    .form-submit-reset, 

    .form-submit-print{

    display:block;

    margin-top: 10px;

    }

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste it at the bottom part if you have existing CSS codes in your form)

    Hope this helps!

  • Profile Image

    Answered by BLADEOFGRASS on March 07, 2016 at 11:53 AM

    Injected this CSS code.  Didn't do a thing for my date and time fields.

  • Profile Image

    Answered by BLADEOFGRASS on March 07, 2016 at 12:12 PM

    I changed "Responsive Form" under PREFERENCES and that seems to have resolved the problem.

  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 07, 2016 at 01:15 PM

    Yes, that was because that code was to fix the clear button. 

    It is great to know that the responsive feature resolved your issue, please do let us know if you need further assistance, we will be glad to help you.

  • Profile Image

    Answered by Rebecca  on April 07, 2016 at 09:10 AM

    Hi. It's shrink and form is set res
    ponsive but when I tap on the date, it became like this. This is on iphone & ipad
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 07, 2016 at 10:16 AM

    @Rebecca, We will answer your question here https://www.jotform.com/answers/812724.