Adjust row height in multiple choice | XM Community
Solved

Adjust row height in multiple choice

  • 30 October 2018
  • 4 replies
  • 231 views
C
Userlevel 1
Dear community,
due to our layout rows are very high in multiple choice questions, so that questions with 6 answers options already look extremely long and annoying. Unfortunately I cannot change/adjust the layout. Is there any code I can use to make the boxes less high? Or adjust the height to the text?
I'd also be happy to change question type or so if thathelps but haven't found anything that works.!
icon

Best answer by PraDeepKotian_Ugam 30 October 2018, 13:56

View original

4 replies

PraDeepKotian_Ugam
Rank
Userlevel 6
Badge +21
hi cloof,

add below code in Look &Feel->Style->Custom CSS(it will apply in survey):

.Skin label.MultipleAnswer, .Skin label.SingleAnswer {
padding: 5px;
}

You can adjust the height by changing value of padding as per your requirement.
C
Userlevel 1
Thank you very much! This is working :)
Is there any chance to make the background transparent/white?
A
> @cloof said:
> Thank you very much! This is working :)
> Is there any chance to make the background transparent/white?

Use the below code in Add custom css

.Skin label.MultipleAnswer, .Skin label.MultipleAnswer.q-focused, .Skin label.SingleAnswer {
background-color: white;
}
J
Rank
Userlevel 1
Badge +4

Hi @PraDeepKotian_Ugam , could you suggest how to amend this code for it to work on the rows of a side-by-side question? Thanks

Leave a Reply


Terms & Conditions