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

    Need assistance setting two matrix fields into the same row

    Asked by swapna_summit on April 20, 2016 at 08:30 AM

    Hi again, 

    On the same form, I have added more columns to the matrix on page 2. when i publish this and view the form in the browser, 

    the matrix shifts to the line below. i have tried making the checkboxes smaller - i think I need to rezise the matrix to be a little smaller as well. have also tried making the form bigger

     

    Please help,

    matrix custom CSS CSS
  • Profile Image

    Answered by Ben on April 20, 2016 at 08:41 AM

    Looking at http://www.myjotform.com/form/61094060902549 I believe that you want to have the Learner's personal details and Learner's attendance details in the same row.

    I see that you have already used the Shrink option, now the only part left is to apply the following CSS code:

    #id_646 {
        margin-left: 0;
        padding-left: 0;
    }
    #id_646 .form-matrix-table tr th:first-child {
        display: none;
    }

    This will keep your current padding by simply hiding the first column of the second matrix - which was already not showing (the one containing the numbers).

    Do let us know how it goes.

  • Profile Image

    Answered by swapna_summit on April 20, 2016 at 08:48 AM

    brilliant, thank you!

  • Profile Image

    Answered by victor on April 20, 2016 at 09:52 AM

    On behalf of my colleague, you are welcome. If you have any other question, please do not hesitate contacting us.