How do I make individual text entry fields larger?

  • hddev
    Asked on April 3, 2019 at 6:45 AM

    I have added these to a form, but now I realise that I need to give users more space to type their responses in certain fields (e.g. impact on others below!)  Can I edit the form to make the field either word wrap or make it two lines deep?

    1554288273000169 2019 04 03 11 44 02 The Screenshot 10

  • Jed_C
    Replied on April 3, 2019 at 9:41 AM

    I'm not sure if you can convert the input field into a textarea, but you can increase the height of the input field if you want. Please try injecting the CSS code inside your widget's CSS.

    input#input2 {

        height: 34px !important;

    }

    Let us know if you have any questions or if you need further assistance. 

  • adamraoof
    Replied on April 3, 2019 at 10:49 AM

    thanks for this, Jed!  However this does not give me the several lines of text input I require for some responses.  Should I have chosen a different widget to Multiple Text Fields?

  • Ashwin JotForm Support
    Replied on April 3, 2019 at 12:32 PM

    Please note that textbox of "Multiple Text Fields" widget cannot display the text in multiple lines. I would suggest you to please add "Configurable List" widget and see if that fits into your requirement. 

    You can add multiple textarea field in the widget in one row. You can then inject custom css code in the widget to display the textarea fields one below the other. Do get back to us if this is acceptable to you and we will create a demo form for you.

    We will wait for your response.