Is there a way to line up question fields when using lots of different matrixes?

  • Profile Image
    danparry
    Asked on May 13, 2015 at 10:16 AM

    I'm creating a feedback form using 4 different matrixes but having a problem lining the answers up so that the form looks neat (see form). 

     

    Is there a way that I can standardise the width of the question fields across all matrixes so that they line up nicely?

     

    I'm already using some CSS code to make the text larger, as when the form is embedded on my website the text is too small. 

    The CSS is as follows:

    .form-matrix-values .form-textbox {font-size: 100%;width: 100px;height: 50px;}.form-matrix-column-headers, .form-matrix-row-headers {font-size: 125%; }

     

    If I need to update the CSS please could you let me know how to add new code to existing code - do I just add more to the end of the code or does it need to be integrated?

  • Profile Image
    Chriistian
    Answered on May 13, 2015 at 10:56 AM

    Hi danparry,

     

    Yes. You can make the width of those cells with questions uniform across all matrices in your form. You will need to inject the custom CSS below.

    .form-matrix-row-headers {

      width: 400px; // this can be adjusted to suit your need

    }

    To inject this CSS in your form, please see screenshot below.

     

    Here is how it looks like on my cloned form.

     

    Do let us know if you need further assistance.

     

    Regards.

  • Profile Image
    danparry
    Answered on May 13, 2015 at 11:04 AM

    Thanks, that's exactly what I've been looking for. 

     

    Much appreciated. 

  • Profile Image
    Chriistian
    Answered on May 13, 2015 at 11:09 AM

    Glad to hear you got it! You are welcome.