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

  • Profile Image
    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

  • Profile Image
    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.

  • Profile Image
    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.

  • Profile Image
    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. 

  • Profile Image
    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

  • Profile Image
    abajan
    Answered on December 07, 2012 at 04:43 PM

    Glad I could help, John.

    Enjoy your weekend :)


    Wayne