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 do I adjust TEXT field width?Asked by starlightincorp on January 24, 2015 at 04:41 PM
The width of the text-boxes I have created in my forms are too large, so text is displayed outside of the border of the form.
How can I fix this?
Thank you in advance.
TEXT HTML text
It seems you have fixed this already.
I could not reproduced or see the same issue you showed on your provided screenshot image.
But just to be sure it will align properly within the Header text, you can add this CSS code using the Form Designer
white-space : normal;
width : 90% !important;
You can follow the steps# in this screenshot
Hope this help. Let us know if you need further assistance.
Hi, I temporarily increased the form padding so the text would remain in the form. With the CSS code you provided the problem was resolved. Thank you for your help.
I have one more issue, if you could provided me some assistance on resolving. At the start of the form there is a vertical line in the background. I cant figure out why its there, or how to remove it. Do you have any idea what it could be?
I am sorry, but I could not see the behind vertical line on my side...
I do can see it on your provided screentshot.. but not on my browser.
Perhaps this is just an issue on browser cache. Can try also clearing first your browser's cache. Or if there is a way, try viewing on other device/computer browser to see if it also exist.
Please let us know if issue persist.
Hi, sorry I was trying to figure out how to get rid of it, so it may not have appeared when you were viewing the page.
The line appears when I don't have an image selected as a form background. If i select a file then the line disappears. I can't figure out which CSS code I need to delete to get rid of this problem.
I've moved your last question to another thread (http://www.jotform.com/answers/503088), as it's unrelated to the topic of this one. I'll post the solution there shortly.