-
jdkohlAsked 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.
-
MikeReplied 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;
}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.
-
jdkohlReplied 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?
-
MikeReplied 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.
-
jdkohlReplied 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 SupportReplied 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.