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.
how to auto resize a textarea field?Asked by LucienJankelson on November 23, 2015 at 07:35 AM
Hi i am having a problem that i am sure is very simple, but i cannot find an answer to.
i want text boxes to auto expand or if not that, to just be able to see 3 or 4 lines of text at a time.
i have tried many different widgets, none of which i have been able to work. the most popular of which textarea autosize just leaves an orange square which i cannot seem to change colour of or write in.
when i try to make the text boxes bigger, it expands all of them throughout the whole form
a solution to either problem would be fantastic
thank you so much for your time
text boxes boxes textarea problem expand different
You can use two fields here.
1. First, you can use the default "Textarea" field under the "Form Tools" section. You can adjust the number of lines to show by changing the value of the "Rows". In my case, it's "6".
2. You can also try re-adding the Textarea Autoresize widget. Make sure to add the maximum number of characters in the widget settings.
3. You can see how it looks like in this test form: https://form.jotform.com/53264478886977?. See screenshot below.
I hope that helps.
thank you for getting back to me so fast
unfortunately neither option seems to be working
the textarea autosize widget seems to auto expand on mobile but not when filling out the form on my computer
also i played around with rows and columns and for some reason the rows did not seem to adjust
i have added a picture of my settings
I see that the Textarea auto-resize widget is working fine at my end on the form provided by our colleague. It looks like the CSS code in the theme applied to the form may be conflicting and causing the issue to resize the text area. Please try injecting the following CSS code to your JotForm and see if that helps.
height: auto !important;
The textarea field should be displaying upto 5 lines by using the CSS code above. Let us know if you need any further assistance. We will be happy to help.
that worked perfectly!!!
thank you so much!
In behalf of my colleague, you are most welcome.
Should you need any assistance again, please feel free to contact us here in the forum.
Here is a complete tutorial if you need