How can I change the position of choices in a multiple choice question? | XM Community
Skip to main content
Question

How can I change the position of choices in a multiple choice question?

  • April 25, 2020
  • 3 replies
  • 404 views

Hi all,
I am trying to align the choices of a multiple choice question with an image.
I tried to modify js based on information provided on the forum, but I did not succeed.
Anyone willing to help? Please find below current output and desired output!
Thanks a lot for your time and help!
Setti
CURRENT OUTPUT
17.png
DESIRED OUTPUT
18.png

3 replies

ana_velez
QPN Level 5 ●●●●●
Forum|alt.badge.img+27
  • QPN Level 5 ●●●●●
  • April 30, 2020

In this case you will need to add custom CSS to that question. modifying the left padding of the answer choices


  • June 7, 2021

I had the exact same question. Here's what I included in the javascript for the question. You can play around with the exact numbers to get it to line up properly. The 4 numbers are for top, right, bottom, and left paddings, respectively.
jQuery("#"+this.questionId+" .QuestionBody").css("padding", "0px 0px 0px 250px");


Harshal_
QPN Level 2 ●●
Forum|alt.badge.img+2
  • QPN Level 2 ●●
  • June 8, 2021

Hey Spirae,
Paste the following code in look & feel > CSS
Kindly change the id, width & margins according to your need.

[id='QID4-5-label'] {
width : 150px;
margin-left : 250px;

 [id='QID4-9-label'] {
width : 150px;
margin-left : 60px;
}
Community.PNG