how do i get the individual radio button in a matrix to centre with its

PsyClinic
Asked on December 07, 2012 at 11:28 AM

how do i get the individual radio button in a matrix to centre with its label (have the entire column centred) and to have each column spaced out evenly across a row. (eg, one row named "select one" with 7 column choices).

This is a re-post of a comment on How to create a survey form and customize it
abajan
Answered on December 07, 2012 at 11:39 AM

Thanks for your query.

This appears to be an issue related to Chrome, as Firefox displays the headers centered by default. Please inject the following CSS and let us know if it helps:

.form-matrix-column-headers {
text-align: center;
}

Thanks.
abajan
Answered on December 07, 2012 at 11:44 AM

Oh, about the other matter of having the columns spaced out evenly, let me see what I can come up with.
abajan
Answered on December 07, 2012 at 11:52 AM

Hi again

Please change the rule I gave above to:

.form-matrix-column-headers {
text-align: center;
width: 14% !important;
}

The second declaration (highlighted in red) works for one of your forms but for the other form, you may need to change 14 to another number.
PsyClinic
Answered on December 07, 2012 at 04:41 PM

hi,

thank you for responding.

it worked just fine with the actual form i am going to use for my study.

jm
abajan
Answered on December 07, 2012 at 04:43 PM

Glad I could help, John.

Enjoy your weekend :)

Wayne