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

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

  • 12 January 2021
  • 5 replies
  • 315 views

Badge +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

Userlevel 7
Badge +22

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

Badge +1

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?

Userlevel 7
Badge +22

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"

Badge +1

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

Userlevel 7
Badge +21

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

Leave a Reply