Multiple choice - drop-down (Styling Help) 🙏🏻 | XM Community
Skip to main content
Question

Multiple choice - drop-down (Styling Help) 🙏🏻


Forum|alt.badge.img+5

Hi everyone,

If possible I am after some help styling a multiple choice, drop-down question.

This is what it currently looks like.

Ideally I would like it to appear like the below, helping ensure design consistency with other questions.

As always, thanks for the help!

💪

7 replies

  • Level 4 ●●●●
  • 209 replies
  • January 8, 2025

Hi, 

 

Please paste the following js code in your question 

jQuery("#"+this.questionId+" .ChoiceStructure.Selection").css({"width":"100%"});

 

Select your question,  in bottom of your left pane you can see Javascript and the paste the code as in the image below 

 


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 151 replies
  • January 8, 2025

Thanks for your help ​@jbk 💪

This has made the answer box wider, but it’s still a little short.

And how can I get the background white, and fatter like the image below. And change the colour of the selected text once the answer box is filled.

And for bonus points, move the drop down arrow in and make it a little more prominent.

Thanks :) 🚀


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5934 replies
  • January 8, 2025

@parkie_0007,

Is Q15 a multi-select? How was it styled?


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 151 replies
  • January 8, 2025

Thanks ​@TomG 

Q15. is just a mock-up I made and my goal for Q17.

Thanks :) 


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5934 replies
  • January 8, 2025

@parkie_0007,

Try adding this to Custom CSS:

.Skin select {
	width: 100%;
	margin: 0;
}
.Skin select.ChoiceStructure.Selection {
    background-color: #fff;
}

 


Forum|alt.badge.img+5
  • Author
  • Level 5 ●●●●●
  • 151 replies
  • January 8, 2025

@TomG 

Thanks, I got the white, but the width is the same.


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5934 replies
  • January 8, 2025
parkie_0007 wrote:

@TomG 

Thanks, I got the white, but the width is the same.

You’ll need to post a link. Otherwise, it is a guessing game.


Leave a Reply