how to make the allignment of two adjacent matrices same?

I need to make the 2 matrices alignment in same , so that at i can hide the row headers and to see these two matrices an one matrix.

Hi,

You can use the following CSS codes. Just inject it to your form.

#id_663, #id_664, #id_665 {

padding-left: 0 !important

padding-right:0 !important

margin-left: -21px;

margin-top: 20px;

}

.form-matrix-values .form-dropdown {

margin: 0 !important;

}

Result:

If you need further assistance, let us know here.

Regards!

To make the height of the matrix drop down and the border exactly same as the matrix text box, how to do this?

...

I believe the code provided by my colleague will achieve the desired result. Perhaps you just need to edit the field ID:

#id_663, #id_664, #id_665 {

padding-left: 0 !important

padding-right:0 !important

margin-left: -21px;

margin-top: 20px;

}

.form-matrix-values .form-dropdown {

margin: 0 !important;

}

You can find the correct ID by following this guide. Then you can inject this code into your form. 

Let us know if we can assist you further.