Question

Lengthen Label for Radio Button

Forms

Updated February 16, 2016

asked on February 8, 2016 • Show version history

A question most probably addressed before and a simple fix but any help with the following would be great;

See attached image of my two radio button questions in my form. I want to lengthen the Question so it isnt as 'bunched' up as it currently it. I know in the Form Settings there is a label length feature, but that is not helpful when I need to change the label size for individual features of my form.

FYI, the CSS class for my two radio button questions attached is 'ButtonChoice', to help with any coding fixes people have for me.

Thanks.

Lengthen Label.JPG (25.88 KB)

| Download

1 0

Replies

replied on February 16, 2016

Make sure that the radio buttons are set to "side by side" and try the CSS in the example below. Of course you may have to change the width values to accommodate your text, but this should work for you.

1 0

replied on February 16, 2016

Glenn, this works very well and I can move all the radio buttons individually across to the right.

I have over 20 radio button fields. I have tried adding a CSS class to them to move the all with one set of commands but have had no luck.

Could you change your code to accommodate a CSS name given to all the fields?

0 0

replied on February 8, 2016

You can edit the label size from the CSS and JavaScript tab. See the example below

0 0

replied on February 15, 2016

I am also trying to move the radio buttons to the right as I also have long labels. The CSS statement above lengthens the label into one line, but the radio buttons are pushed to the next line.

Is there a way to move the radio buttons themselves or "right-justify" them?

What is the CSS attribute/name for the radio buttons themselves (not the label)?

0 0

You are not allowed to follow up in this post.

Question

Question

Lengthen Label for Radio Button

Replies

Sign in to reply to this post.