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

    How can you adjust the width of the date/time field?

    Asked by mojo30 on March 13, 2016 at 08:41 AM

    I'm using the date/time field on my forms in "lite" mode.  (i.e. MM/DD/YY all in same field).  The problem I'm having is that when viewed in a mobile device, the field appears to only be 2 characters wide.  It needs to be 8 characters wide.  Is there a way to adjust it?  Or can you fix it on you end?

    Thanks much!

     

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

    time field Mobile datetime width
  • Profile Image
    JotForm Support

    Answered by jonathan on March 13, 2016 at 08:52 AM

    Was it this Date field?

     

    You can add custom CSS code llke this to your form http://www.jotform.us/form/53246589667169

     

    #lite_mode_4 {

    width : 100px;

    }

     

    Adjust the px number according to your preference. Let us know if this did not work.

    Thanks.

  • Profile Image

    Answered by mojo30 on March 13, 2016 at 09:20 AM

    Thanks for the quick response!  Yes, this idea might work, if we didn't have the date picker immediately to the right.  If I do what you say, it does work for the text field, but then the picker shows overlapping the text field, because the picker doesn't move over.  Any thoughts on what CSS element I'd need to adjust width on to move the picker?

  • Profile Image
    JotForm Support

    Answered by jonathan on March 13, 2016 at 09:30 AM

    I see the problem when in mobile browser view

    Let me check for a fix. I'll get back to you shortly.

  • Profile Image
    JotForm Support

    Answered by jonathan on March 13, 2016 at 09:41 AM

    This is my test form https://www.jotform.com/60723537237961 

    Please try it also on your browser.

     

    I added this CSS codes

     

    #lite_mode_4 {

        width : 90px !important;

    }

    #cid_4 span.form-sub-label-container {

        width : 90px !important;

    }

     

    And I used Mobile Responsive widget 

     

    Hope this help. Let us know if still not resolved.

    Thank you.

  • Profile Image

    Answered by mojo30 on March 13, 2016 at 09:49 AM

    Excellent!  Not sure why that works, but it does.  Thanks a ton.  :)