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

  • August 2, 2020
  • 3 replies
  • 83 views
C

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

3 replies

SurajK
QPN Level 3 ●●●
Forum|alt.badge.img+4
  • SurajK
  • QPN Level 3 ●●●
  • 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

    C
    • CSK
    • Author
    • 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!

    A
    • Ada114
    • 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.

    Terms & ConditionsAccessibility statement