Input Table: My jot form is wrapping the text in my rows

  • jdkohl
    Asked on May 2, 2019 at 2:04 PM

    Last week the text stated to wrap in the rows of our jotforms.  It did not do this in the past and it makes it impossible for my customers to read. 


    Jotform Thread 1811417 Screenshot
  • Mike
    Replied on May 2, 2019 at 3:49 PM

    Please try adding the next CSS to the form to see if you like it:

    .form-matrix-row-headers, .form-matrix-column-headers {
    word-break: normal;
    }

    Input Table: My jot form is wrapping the text in my rows Image 1 Screenshot 20

    Alternatively, you can try the next style:

    .form-matrix-row-headers, .form-matrix-column-headers {
    word-break: break-word;
    }

    Please give it a try and let us know if you need any further assistance.

  • jdkohl
    Replied on May 2, 2019 at 4:47 PM

    Thanks for the quick response Mike!   I added the code, however, the line is still being broken up. Is is possible to keep the text all on one line and not wrapping the text at all?

  • Mike
    Replied on May 2, 2019 at 6:07 PM

    You can add the next CSS:

    .form-matrix-row-headers {
    white-space: nowrap;
    }

    However, the user with the mobile device will need to horizontally scroll the form in this case.

  • jdkohl
    Replied on May 3, 2019 at 7:09 AM

    Mike-  This is GREAT!  THANK YOU!  I have another question-  is there a code that would allow me to split the line using a special character?

    Ex: one line text:

    62649 CHEESE,MEXICAN FTHR CH/MJ---5# 4/5 LB ****Wkly Avg: 2.25

    Ex: Split line text:

    Line one: 62649 CHEESE,MEXICAN FTHR CH/MJ---5#

    Line two: 4/5 LB ****Wkly Avg: 2.25


  • Richie JotForm Support
    Replied on May 3, 2019 at 9:56 AM

    Unfortunately, we cannot select which line would be split using CSS.

    We may use the custom CSS word-break to split the text into two line.

    Sample CSS:

    .form-matrix-row-headers {
        white-space: pre-wrap;
    word-break: break-all;
    }

    Please give it a try and let us know if this fits your requirements.