How to evenly space matrix columns | XM Community
Skip to main content
Solved

How to evenly space matrix columns

  • May 11, 2020
  • 3 replies
  • 559 views
U
Level 3 ●●●
Forum|alt.badge.img+5

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

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:

  1. Use labels for the scale end point text because they will span across columns.

  2. Reduce the width of the first column leaving more room for the other columns

  3. Check "Position text above" to allow more room for the columns

  4. Allow the long words in your text to break on syllables using the ­ entity

  5. Reduce the padding of your column header cells

  6. Reduce the font size of you column header text

  7. Rotate your column header text

3 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • Answer
  • May 11, 2020

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:

  1. Use labels for the scale end point text because they will span across columns.

  2. Reduce the width of the first column leaving more room for the other columns

  3. Check "Position text above" to allow more room for the columns

  4. Allow the long words in your text to break on syllables using the ­ entity

  5. Reduce the padding of your column header cells

  6. Reduce the font size of you column header text

  7. Rotate your column header text

    U
    Level 3 ●●●
    Forum|alt.badge.img+5
    • uhrxx005
    • Author
    • Level 3 ●●●
    • May 11, 2020

    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?

    TomG
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+27
    • TomG
    • Level 8 ●●●●●●●●
    • May 11, 2020

    Using something like:
    jQuery("#"+this.questionId+" .Answers th").css("padding","10px 2px");
    Where 2px is the left/right padding.

    Terms & ConditionsAccessibility statement