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

    How to make the two matrix fields with same height and border?

    Asked by swapna_summit on September 09, 2014 at 02:45 AM

    Here the matrix learner's personal details matrix looks different from the other 3 matrices next to it (mainly the boarder of the drop down boxes are different  from the text box border,and the height of the 3 matrices are higher than the learner's personal details matrix, can we make it looks as the one same matrix?

    Page URL:
    http://www.jotform.com//?formID=42462800085955

    format same matrices height text box border next different
  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 09, 2014 at 08:09 AM

    Hello swapna_summit,

    Please inject the following custom css code in your form to adjust the height and the border color of text box and drop down fields :

    .form-matrix-values .form-dropdown {

    height: 23px !important;

    border: 1px solid rgb(169, 169, 169) !important;

    }input.form-textbox{

    border: 1px solid rgb(169, 169, 169) !important;

    }

    The following guide should help you in injecting custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!