Or set a minimum column width. Can this be done easily? I have larger labels on the ends of the matrix and I don't like how they are impacting the spacing of the columns.
Best answer by TomG
View original
How to evenly space matrix columns
Userlevel 7
+27
Matrix columns are automatically sized to be the same size, but when the text in the column headers is too large the column sizes automatically expand to fit the content. Possible fixes:
- Use labels for the scale end point text because they will span across columns.
- Reduce the width of the first column leaving more room for the other columns
- Check "Position text above" to allow more room for the columns
- Allow the long words in your text to break on syllables using the entity
- Reduce the padding of your column header cells
- Reduce the font size of you column header text
- Rotate your column header text
TomG Thanks for your help. Unfortunately labels aren't an option since they don't show up on mobile. I think reducing the padding may work for me. Would you be willing to share the JS for how to reduce the matrix column header padding?
Userlevel 7
+27
Using something like:
jQuery("#"+this.questionId+" .Answers th").css("padding","10px 2px");
Where 2px is the left/right padding.
Leave a Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.