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

  • Profile Image
    rmyrtle
    Asked 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
    abajan
    Answered 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
    rmyrtle
    Answered 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
    abajan
    Answered 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