What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by danparry 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?

    Page URL:
    https://secure.jotformeu.com/form/50993955796377

    Screenshot
    different matrixes feedback form creating a feedback form problem size
  • Profile Image
    JotForm Support

    Answered by Chriistian 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

    Answered by danparry on May 13, 2015 at 11:04 AM

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

     

    Much appreciated. 

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 13, 2015 at 11:09 AM

    Glad to hear you got it! You are welcome.