how to make the allignment of two adjacent matrices same?

  • Profile Image
    swapna_summit
    Asked on September 04, 2014 at 08:33 AM

    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.

  • Profile Image
    EltonCris
    Answered on September 04, 2014 at 11:16 AM

    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!

  • Profile Image
    swapna_summit
    Answered on September 11, 2014 at 05:17 AM
    To make the height of the matrix drop down and the border exactly same as the matrix text box, how to do this?

    ...
  • Profile Image
    Carina
    Answered on September 11, 2014 at 09:49 AM

    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.