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

Adding a border or bounding box

  • April 1, 2021
  • 6 replies
  • 363 views

Forum|alt.badge.img

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

6 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • April 1, 2021

Forum|alt.badge.img
  • Author
  • April 1, 2021

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


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • April 1, 2021

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


Forum|alt.badge.img
  • Author
  • April 1, 2021

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


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • April 1, 2021

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.


Forum|alt.badge.img
  • Author
  • April 1, 2021

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