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

  • Profile Image
    swapna_summit
    Asked 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?

  • Profile Image
    ashwin_d
    Answered 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!