wrap question text above 2 columns

  • Profile Image
    alg211
    Asked 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?

  • Profile Image
    idarktech
    Answered 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
    liyam
    Answered 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
    alg211
    Answered on July 07, 2012 at 08:35 AM

    Great, thanks for all your help.