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.


  • Profile Image

    Is there a way of preventing word wrap on instruction or question field

    Asked by rmyrtle on September 26, 2011 at 02:30 PM
    Is there a way of preventing word wrap on instruction or question fields so that they don't lengthen the overall form: ie. This formwill be longervsThis form will be shorter.?This

    This is a re-post of a comment on Quick Overview of Form Fields

  • Profile Image
    JotForm Support

    Answered by abajan on September 26, 2011 at 03:12 PM

    Hi rmyrtle

    Thanks for asking. If my hunch is correct and you are referring to the form titled "Ray, Here's some feedback on the Start UP! Your Class Workshop.", you don't necessarily want the labels not to wrap but rather for the text areas not to drop below their labels. If this is the case, the solution is to either widen the form until the text areas are horizontally aligned with their labels (Form Style tab > Form Width button) or reduce the number of columns to no more than 89 in each text area (click the text area in question and then click the Columns button). At 89 columns or lower, the text areas will become horizontally aligned with their labels.

    Conversely, if you actually do want the labels of the two wide text areas to not wrap at 175 pixels, injected CSS will need to be used because there is no toolbar button to adjust label widths individually. Inject the following CSS:

    #label_28, #label_31 {
    width:570px !important;
    }

    Your form should look like this when you're done.

    Please let us know if this solution suits your purpose and if there's anything else form related with which you need help. Our team will gladly assist you as best as we can.

    Regards


    ~ Wayne

  • Profile Image

    Answered by rmyrtle on September 26, 2011 at 05:55 PM

    Thanks Wayne, that seems to work, except for the last comment field. Can you suggest what's happened there?

    Ray

  • Profile Image
    JotForm Support

    Answered by abajan on September 26, 2011 at 10:20 PM

    Hi again Ray

    Increase the number of columns in that field to 110 (like the other text areas) and alter the selector of the injected CSS code above to include the ID for that field's label:

    #label_28, #label_31, #label_35 {
    width:570px !important;
    }

    When I initially looked at the form, I noticed that the width of that text area was significantly less than the others and so I thought you wanted it that way for some reason.

    Regards


    ~ Wayne