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

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

  • Jan 12, 2021 7:51 PM UTC
  • 5 replies
  • 884 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 ●●●●●●
  • Jan 12, 2021 8:52 PM UTC

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


Forum|alt.badge.img+1
  • Author
  • Jan 13, 2021 10:22 AM UTC

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 ●●●●●●
  • Jan 13, 2021 2:53 PM UTC

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
  • Jan 15, 2021 6:22 AM UTC

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 ●●●●●●●
  • Jan 15, 2021 10:12 AM UTC

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