Adjust column width in side by side table | XM Community
Question

Adjust column width in side by side table

  • 13 June 2019
  • 3 replies
  • 147 views
M
Badge +1
Hello. I have a side by side table with two columns. Each column is a matrix table (with a 5-point Likert scale). I would like to reduce the width of each column. What is the code to do that? And do I need to write the code in the CSS? Thank you in advance!

3 replies

Shashi
Rank
Userlevel 6
Badge +27

Of class ‘Answers’ use td width attribute to set %

ThomasW_IronMountain
Rank
Userlevel 5
Badge +24

@mikaellapolyviou , call me crazy, but I don’t think you need code or CSS to do that. In the Side by Side question in Qualtrics, if you hover over the lines, you should be able to just move the lines to the width you want them to appear in the survey. Just keep in mind that by extending the widths you will make it harder for mobile respondents to see all the answer options. Side by Side’s are not that conducive to mobile to begin with. Check it out. 

Thomas Whitaker - Iron Mountain
V
Badge

@ThomasW_IronMountain

This helps, but when having multiple side-by-side questions one after the other, it becomes hard to manually resize in a way that keeps the column widths costant across questions. A code would really help with that.

Leave a Reply


Terms & Conditions