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

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

  • 25 April 2020
  • 3 replies
  • 124 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

Userlevel 6
Badge +27

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

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");

Userlevel 1
Badge +2

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

Leave a Reply