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

  • 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?

    Jotform Thread 569067 Screenshot
  • Chriistian Jotform Support
    Replied 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.

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

     

    Here is how it looks like on my cloned form.

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

     

    Do let us know if you need further assistance.

     

    Regards.

  • danparry
    Replied on May 13, 2015 at 11:04 AM

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

     

    Much appreciated. 

  • Chriistian Jotform Support
    Replied on May 13, 2015 at 11:09 AM

    Glad to hear you got it! You are welcome.