Need assistance setting two matrix fields into the same row

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

  • Profile Image
    Ben
    Answered 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
    swapna_summit
    Answered on April 20, 2016 at 08:48 AM

    brilliant, thank you!

  • Profile Image
    victor
    Answered 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.