How do I make individual text entry fields larger?

  • Profile Image
    hddev
    Asked on April 03, 2019 at 06: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

  • Profile Image
    Jed_C
    Answered on April 03, 2019 at 09: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. 

  • Profile Image
    adamraoof
    Answered on April 03, 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?

  • Profile Image
    ashwin_d
    Answered on April 03, 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.