-
bellamentumAsked on December 14, 2019 at 3:05 AM
Hi, can you help me resolve this? I'd like column headers to not show odd word breaks when wrapping. Thank you!
-
AshtonPReplied on December 14, 2019 at 4:01 AM
Thank you for writing to us!
Could you please provide us the form link, in which you are facing this issue. As you are a HIPAA user, I cannot access your account.
However, it seem that you want the column headers to be in a single line? If yes, inject this CSS codes.
@media screen and (max-width:480px){
.form-matrix-column-headers {
padding: 0 2px;
font-size: 11px;
word-break: normal;
}
}
If you want column headers should break in words, not by letters. Inject this CSS:
@media screen and (max-width:480px) {
.form-matrix-row-headers {
padding: 0 2px;
font-size: 11px;
word-break: break-word;
}
}
Please fllow the foellowing guide on how to nject custome CSS code in the form:
Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Hope this helps!
Regards.
-
bellamentumReplied on December 15, 2019 at 1:50 AMThank you! I am getting the best results from using this in the CSS!
.form-matrix-column-headers {
padding: 0 2px;
font-size: 11px;
word-break: normal;
}
.form-matrix-row-headers {
padding: 0 2px;
font-size: 11px;
word-break: normal;
}
...