Custom code or Java script to reduce line spacing between multiple choices options in a drop down | XM Community
Skip to main content
Question

Custom code or Java script to reduce line spacing between multiple choices options in a drop down

  • November 30, 2023
  • 5 replies
  • 202 views

Forum|alt.badge.img+1

Greetings All,

I’m hoping someone has done this before and has the code? I am using a drop down in the multiple choice question type, and specifically applying the survey to a feedback link across one of the sections of our website.  I really want it to be super easy for users to see and respond.  I am using the ‘Simple’ layout in the Look and feel tab in the Survey.  I’m not sure if its the survey question itself or the theme I have applied, but it defaults to mulitple spacing when you click the dropdown, which is not ideal [see attached pic].  I’m not sure why it does that. Just makes it more difficult for the respondent.  

Does anyone have code that would reduce this line spacing to a single space?  

Thanks so much…

5 replies

ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • December 4, 2023

No javascript or CSS supports in Qualtrics DD setup. I tried it multiple times but never worked.


Forum|alt.badge.img+1
  • Author
  • 2 replies
  • December 4, 2023

Thanks Arun - I appreciate the reply.


ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • December 4, 2023

you’re welcome, @MrcW 


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • 909 replies
  • December 4, 2023

Try adding the below CSS to the Style section of the survey’s Look & Feel:

.select-menu.menu-dropdown .menu-item, .select-menu.menu-dropdown .menu-item-group-label {
padding: 0px 5px 0px 5px;
}

 


Forum|alt.badge.img+1
  • Author
  • 2 replies
  • December 4, 2023

@Tom_1842 Thanks so much!  I’ll give that a try.