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

    Increasing the width of a form field

    Asked by ertezet on February 19, 2015 at 12:00 PM
    now i need to have the same design of the input fields. I am not able to design it in the designer.

    Check out the form: http://www.region-krkonose.cz/ubytovani/pec-pod-snezkou/penziony/penzion-zakouti/rezervace/

    increase increasing width form field increase width
  • Profile Image
    JotForm Support

    Answered by Jan on February 19, 2015 at 12:04 PM

    Hi there,

    May I ask what do you mean as same design of the input fields?  Are you referring to the width of the text boxes?

    If yes, then please insert this custom css code to increase the width of the field.

    #lite_mode_29 { width: 295px !important; }

    Here's a guide on how to inject custom css.

     

    Hope this works. Thank you.

  • Profile Image

    Answered by ertezet on February 20, 2015 at 09:03 AM

    Hi there,

    if you clone this form and put in the form instead of this calendars the "localised calendar" the desing of the input fields of the calendard is different (height, widht)

    Radomir

  • Profile Image
    JotForm Support

    Answered by Jan on February 20, 2015 at 11:11 AM

    Hello,

    I understand what you mean. Unfortunately, we cannot customize it using custom css. Localized Calendar is a widget, it is using iframe inside the form which is the reason why we cannot apply custom css on it.

    However, the css code I provided can be applied to the date field.

    Hope you understand. Thank you!