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 change the width of a DateTime field with custom CSS

    Asked by marlinnoir on March 11, 2016 at 03:20 PM

    Good evening in France

     

    I try to reduce the length of this input .I use the trick you already send me but it does not works.I don't know why.( in green . form-line is displayed !!)

    Thanks a lot

    Gerard Nadeau

     

    Page URL:
    retzchauffeurs.fr

    Screenshot
    length JotForm Designer Custom CSS
  • Profile Image
    JotForm Support

    Answered by Boris on March 11, 2016 at 03:51 PM

    I see this is about form 60645160566355, named message aux chauffeurs.

    On this form, the field that is marked in green is field named "fdate de fin du transport( si transports multiples)". This field has the ID of 54, so the CSS code to change the width of this field would be:

    #id_54 { max-width: 300px; }

    Image without the code:

    Image after applying the code:

    You can find out the ID of the field by following this guide:

    http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    Please let us know if you need any further assistance, we are here to help.