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 to increase the width of a Date-Time field?

    Asked by sercanselvi on December 14, 2016 at 05:29 PM

    Form ID: 63223545076151

    Hi, I am working on a registration form for one of our events and there is a field length issue that I couldn't solve. I hope you can help me with that.

    First date-time fields appear as they are supposed to, here we do not have any problems:

    And in the end of the form (under the "Travel Details" section) we have two date-time fields as reminders ("Your Check-in" and "Your Check-out", I guess their field numbers are 103 and 104). They are read-only. Except this setting the rest is the same but the year field is not wide enough to show the year.

    How can I change this? I tried to remove and add these two last fields again but it did not work.

    Thank you for your help.

    Best,

    Sercan

  • Profile Image
    JotForm Support

    Answered by AIDAN on December 14, 2016 at 07:06 PM

    Please add this custom CSS code, it should fix both of them:

     

    #year_103, #year_104 {
        width: 100px !important
    }

     

    Even though you seem to be familiar with custom CSS codes, here is a tutorial that explains how to add them: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    Please let us know if you need further assistance.

  • Profile Image

    Answered by sercanselvi on December 16, 2016 at 10:50 AM

    Dear AIDAN,

    Thank you for your help, this CSS trick solved the problem.

  • Profile Image
    JotForm Support

    Answered by AIDAN on December 16, 2016 at 11:06 AM

    You're quite welcome Sercan! Happy to help. Please don't hesitate if you need anything.