Piped text restricting column width of statements in Side-by-Side questions | XM Community
Skip to main content
Solved

Piped text restricting column width of statements in Side-by-Side questions


I have side-by-side questions with piped text in the "Statements" column. The width of that column is excessively wide because of the length of the (hidden) piped text. This is frustrating because it prevents the other two columns from appearing on mobile devices:
User: Can anyone give me the freedom to pull that first column with the piped text in as close as I need to?

Best answer by SurajK

Hi,
Try to adjust the width of columns like, the below css will minimize the width of your 2 columns,
jQuery('.SBS1').css('width','70px')
jQuery('.SBS2').css('width','60px')
Also, you can minimize the statement column width in the survey editor, drag the statement separator line towards the left,
image.png

View original

3 replies

SurajK
QPN Level 3 ●●●
Forum|alt.badge.img+4
  • QPN Level 3 ●●●
  • 181 replies
  • Answer
  • August 3, 2020

Hi,
Try to adjust the width of columns like, the below css will minimize the width of your 2 columns,
jQuery('.SBS1').css('width','70px')
jQuery('.SBS2').css('width','60px')
Also, you can minimize the statement column width in the survey editor, drag the statement separator line towards the left,
image.png


  • Author
  • 2 replies
  • August 4, 2020

Hello Suraj, and thank you!
I reduced the width down to 1PX:
jQuery('.SBS1').css('width','1px')
It helped! But I still wish for that Statement column to be narrower:
______________________________________________________________________________________
Screen Shot 2020-08-03 at 10.38.24 PM.png______________________________________________________________________________________
Can I adjust the code to make the column narrower? Thanks again!


  • 5 replies
  • March 26, 2021

https://www.qualtrics.com/community/discussion/comment/28557#Comment_28557Hi CSK,

did you find a solution? I run into a similar issue.


Leave a Reply