Adding a border or bounding box | XM Community
Skip to main content

Hi everyone,
I'm hoping to source CSS for the following issue:
Adding a left-handed border in the picture below where the black line is located. Any help would be greatly appreciated! Thank you, in advance. :)
Best,
E
image.png

Use this:
Qualtrics: Add Vertical Line Before Last Matrix Column. This script adds a vertical line to the left of the last column in a matrix question. It is useful for visually dividing an answer scale from "Not sure". #qualtrics #js #jq #matrix #na


Hi Tom,
Thank you for the above answer. This particular code didn't work, but I am sure this is my fault! Earlier, I mentioned a column border, but it's actually not the "column" border that needs to be identified, it's the last answer within a column where I need to add a border to help set my last answer option apart. I'm sorry for my lack of articulation earlier; I hope this helps clarify.
Best,
Elisa
image.png


It didn't work because you changed the question type from a Matrix to a Side-by-side.


It was always a side-by-side, I just didn't realize I had called it a matrix and a not a side-by-side because I am still familiarizing myself with the question types. The side-by-side characterization is accurate and where I am looking to integrate the left-hand border as depicted immediately above. I'm sorry for that inconvenience; I'm building my Qualtrics capacities on all fronts. Any help with the side-by-side left-hand border issue is appreciated.
Best,
Elisa


I'v never written JS for that. I would avoid formatting a question that way because it is likely to result in horizontal scrolling which isn't user-friendly. If it really has to be a side-by-side with that many answer choices, you might consider doing two drop downs.


Hi Tom,
Our team went back and forth on the horizontal scrolling. I did add a sticky function to the question stems so that they appear regardless of the type of device the user takes the survey on. Overall, yes, we wanted to avoid the horizontal scrolling altogether but prioritized minimizing survey fatigue due to length since it's a pretty intense survey. I appreciate your feedback; I'll keep an eye out for code and will definitely try to minimize horizontal scrolling whenever possible.

Best,
Elisa


Leave a Reply