How to increase the width of a Date-Time field?

  • sercanselvi
    Asked on December 14, 2016 at 5: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:

    How to increase the width of a Date Time field? Image 1 Screenshot 30

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

    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

  • AIDAN
    Replied on December 14, 2016 at 7: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.

  • sercanselvi
    Replied on December 16, 2016 at 10:50 AM

    Dear AIDAN,

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

  • AIDAN
    Replied on December 16, 2016 at 11:06 AM

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