Hide first radio button in single response multiple choice format. | XM Community
Solved

Hide first radio button in single response multiple choice format.

  • 28 May 2021
  • 5 replies
  • 112 views
N

Hi,
I'm trying to hide the first radio button but not the describing text. The second radio button is for a Prefer not to Answer. See below:
Screen Shot 2021-05-28 at 4.44.18 PM.png
the following JS is not working:
jQuery('input[type=radio]:first').hide();


icon

Best answer by Mishraji 31 May 2021, 17:25

View original

5 replies

Mishraji
Rank
Userlevel 4
Badge +18

noalika - I did this with CSS. See below code.

label#QID1-1-label.SingleAnswer {
display:none;
}

Just change the question id.

N

Mishraji - I've tried several times and I can't get it to work. My CSS knowledge is limited. I'm assuming I'm inputting the incorrect question id or label. Here is all the information:
QID44
question label = Pos behaviors contribute to SVP at Dart
so would the CSS be the following?

label#QID44-1-Pos behaviors contribute to SVP at Dart.SingleAnswer{
display:none;
}

N

Mishraji
I also tried

label#QID44-1-label.SingleAnswer {
display:none;
}

Mishraji
Rank
Userlevel 4
Badge +18

noalika -It seems you have the incorrect question ID. To find the question ID, follow the below steps:

  1. While on the survey builder page, press Ctrl + Shift together and then click on Tools.

  2. Here you would see a new option added - 'Support Mode'. Select this option.

image.png
  1. Move down to the 'Pos behaviors contribute to SVP at Dart' question. The QID and option ID will be displayed. In the below screenshot, QID1 is the question ID and 1 is the option ID, which makes it QID1-1.

image.png

N

Mishraji
YES, IT WORKED!!! THANK YOU!

Leave a Reply


Terms & Conditions