Positioning choice texts around an image | XM Community
Skip to main content
Solved

Positioning choice texts around an image

  • September 9, 2024
  • 2 replies
  • 44 views

Forum|alt.badge.img

Hi everyone,

I am wondering if there is a way to position individual choice options all around an image, not limiting the choices to a single side. The idea is to have the choices placed around an image like a clock as seen below (ignore the arrow):

I imagine this will require JavaScript or custom CSS, but as I am not well versed in either, I need help finding a solution if it is possible.

Thanks in advance for your help.

Best answer by TomG

@bvilla,

I have a JS function that arranges choices in a circle. I had never put an image in the middle before, but gave it a try:

The blue outlines are selected choices. Getting the image placement exactly right is a bit tricky.

Contact me by private message if you would like to discuss further.

2 replies

Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1096 replies
  • September 10, 2024

Hi @bvilla

Although, Qualtrics did give you the option to customize CSS/JS. It still need to base on the original structure and I think your idea is too complex.
 


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 6084 replies
  • Answer
  • September 10, 2024

@bvilla,

I have a JS function that arranges choices in a circle. I had never put an image in the middle before, but gave it a try:

The blue outlines are selected choices. Getting the image placement exactly right is a bit tricky.

Contact me by private message if you would like to discuss further.