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 I make text boxes wider?

    Asked by fallonharris on April 20, 2015 at 04:43 PM
    Text boxes width text fields
  • Profile Image
    JotForm Support

    Answered by Mike_G on April 20, 2015 at 05:29 PM

    Hi, fallonharris,

    I hope I was able to get your concern correctly because I'm only basing it on the title of your post.

    To make the text box on your wide, let's assume first that you already have your form and you are on your form's edit mode.

    Follow the arrows on the image below to get the id of your text box, because we will need that id when we Inject CSS codes on your form.

    Once you have the id of the text field you would like to widen, close the "Properties" window and click Preferences from the toolbar (make sure you are on "Setup & Embed" tab). Then, the Preferences window will open, go to "Form Styles" tab and locate the "Inject CSS Code" field where you may place your CSS codes. 

    I have placed #input_3{ width: 500px; } in the "Inject CSS Code" field to make the width of the text box wider. 

     

    By the way, you may set the width: 500px; to your own preference, of course.

    Click the "Close Settings" button once you're done and save your form.

    Preview your form to see changes on the text box width.

     

    I hope I was able to help you. If you need further assistance, please feel free to let us know and we will be glad to help you.

     

     

    Thank you for using JotForm.

     

     

    Mike_G