Hide labels for choice options


Badge +11

Hi All,

Is there a way to hide the labels of the option button? I'm creating a survey and rather create the labels as heading instead with each radio button.

 

example.jpg

Tried hiding the labels with CSS but unsuccessful.


3 replies

Badge +5

Hi Kapil,

 

This can be done with css.

 

I added the following at the bottom of the custom css section in form setting:

 

.nf-salary .nf-filler-control-inner label

{

display:none;

}

 

On my form I added the choice control as per your example and gave it a class of nf-salary.

 

cssclass.png

 

This causes the labels to not be shown, per the screenshot above. The second set of options you see in my example does not have the nf-salary css class attached, I added that just to make sure I hadn't broken anything else!

Badge +11

Thanks Barry Cairns . This worked. I couldnt figure the inner label piece.

Badge +11

Hi Sarah,

I would suggest you to change your options from radio buttons to drop downs. Its easier to use in Mobile app and people are familiar with it.

Hope you get the way to work with radio buttons though.

Mobile Apps - Simplify your forms

Reply