How to hide radio button circle using custom css on a specific question? | XM Community
Skip to main content
Question

How to hide radio button circle using custom css on a specific question?

  • January 12, 2021
  • 5 replies
  • 768 views

Forum|alt.badge.img+1

I have a Single select question with "YES" and "No" Option I want to make this options look like label button . So i want to hide the circles shown in the label

image.png

5 replies

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • January 12, 2021

Use the below code:
jQuery("#"+this.questionId+" .q-radio").css("visibility","hidden");


Forum|alt.badge.img+1
  • Author
  • January 13, 2021

rondev Thank you so much that helped. But when i click on the labels it doesn't show as its selected. How can we make it look like selected?


rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • January 13, 2021

https://www.qualtrics.com/community/discussion/comment/33341#Comment_33341Instead of all this you can change the layout of the survey under look and feel option to "Classic"


Forum|alt.badge.img+1
  • Author
  • January 15, 2021

Thank you rondev. Changing the layout would change all the questions layout to classic. I wanted this functionality only one question.


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • January 15, 2021

salma2019 Which theme are you using? It would be easier if you shared a preview link to the question block.