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 allignment of two adjacent matrices same?

    Asked by swapna_summit 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.

    Screenshot
    matrices alignment matrix alignment matrix table
  • Profile Image
    JotForm Support

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

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

    Answered by Carina 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.