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

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

  • Apr 25, 2020 3:16 PM UTC
  • 3 replies
  • 500 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 ●●●●●
  • Apr 30, 2020 7:27 PM UTC

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


  • Jun 7, 2021 10:59 PM UTC

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 ●●
  • Jun 8, 2021 2:36 AM UTC

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