How do I make my text box longer ?

  • janicehales
    Asked on December 1, 2014 at 10:24 PM

    As you can see from the screen shot,

     

    the line Because:

    Can I make the box closer to word Because so there isn't so much space and it also makes the box longer.

    It needs to be in the same position as the other boxes on the right.... just closer to the word Because (perhaps just under the word "For" that is above.

     

    Thank you Janice

    Jotform Thread 467894 Screenshot
  • Ashwin JotForm Support
    Replied on December 2, 2014 at 1:45 AM

    Hello Janice,

    If I understand your question correctly, you want to reduce the gap between label and the text box. Is that correct?

    There are two options to achieve your requirement:

    1. You can set the label alignment to right and that will remove the white space but also align the label on right side too. Pleas check the screenshot below:

    How do I make my text box longer ? Image 1 Screenshot 30

    2. Another option is to reduce the width of the question label. Please inject the following custom css code in your form and see if that helps you:  

    .form-label {

    width: 150px !important;

    }

    The following guide should help you inject custom css code in your form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Label width can also be changed form your form's preferences. Please check the screenshot below:

    How do I make my text box longer ? Image 2 Screenshot 41

    Hope this helps. 

    Do get back to us if you have any questions.

    Thank you!

  • janicehales
    Replied on December 2, 2014 at 4:05 PM

    Hi Ashwin,

    Thank you for your response I decided to use your code and I tested it on another test version of my form and that worked. But now when I try and put the code into my form it does nothing, have i done something wrong

     

    Thank you 

    Janice

  • janicehales
    Replied on December 2, 2014 at 4:15 PM

    How do I make my text box longer ? Image 1 Screenshot 20

    This is what happened when i inserted the code ii then managed to make each field longer. But now when i add your code to my live form nothing happens

  • janicehales
    Replied on December 2, 2014 at 4:26 PM

    Guess what I have just worked out how to do it ....thanks for your help

     

    Janice

  • raul
    Replied on December 2, 2014 at 5:46 PM

    On behalf of my colleague, you're welcome.
    I'm glad to see that you were able to fix your form by yourself.

    If you need further assistance, please let us know.
    Thank you.