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

    wrap question text above 2 columns

    Asked by alg211 on July 07, 2012 at 07:32 AM

    I have setup a form with two columns side by side for a married couple, one side is to be answered by male, the other by female - see screengrab 1 below. At the moment, I have just used the free text field to put the question above both fields to be answered.

    However, due to easier data processing when the form actually gets submitted, I would actually prefer to place a duplicate of the question above each of the fields (see screengrab 2) so it is actually part of the text field question.

    Sounds simple - but the problem is that the text will not wrap with the field text size when I try to add text above the field, instead the question will go across the page and will actually make the text field on the right drop down to the next line. Any solutions?

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on July 07, 2012 at 08:14 AM

    Hi again,

    Add this css to your existing injected css codes:

    .form-label-top {

    width: 265px !important;

    }

    I've cloned your form and applied this, if you want you can clone your form back. http://www.jotform.me/form/21883751428460?

    Let me know if you have questions. Thank you.

  • Profile Image
    JotForm Support

    Answered by liyam on July 07, 2012 at 08:22 AM

    In addition to idarktech's solution, you can find the ID of the label that you have a problem with the wrapping and add the code to your form's CSS injection.

    Example:

    #label_37 {
    width: 250px;
    }

    This way it won't generally wrap all labels in your form.

    Feel free to use whatever solution suits you.

    If you have further questions, please let us know.

  • Profile Image

    Answered by alg211 on July 07, 2012 at 08:35 AM

    Great, thanks for all your help.