how do i get the individual radio button in a matrix to centre with its
PsyClinicAsked on December 07, 2012 at 11:28 AMhow 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
JotForm SupportabajanAnswered on December 07, 2012 at 11:39 AMThanks 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.
-
JotForm SupportabajanAnswered 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.
-
JotForm SupportabajanAnswered 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.
-
PsyClinicAnswered 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
-
JotForm SupportabajanAnswered on December 07, 2012 at 04:43 PM
Glad I could help, John.
Enjoy your weekend :)
Wayne