How to add rows in matrix field dynamically.

  • alphaemc
    Asked on November 29, 2017 at 4:11 PM

    Couple of questions:

    1. Is it possible to hide or not display the row title in this form (i.e. "Team")? If yes, explain how to hide the row title.

    2. Is it possible to have the rows be dynamic so that the person filling out the form can add rows as needed? Right now I have 10 rows built in but would prefer that the user only include what is needed.

    Thanks! 

  • David JotForm Support Manager
    Replied on November 29, 2017 at 7:15 PM

    1) You can hide the text for that column header with the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-matrix-column_0 {

        color: transparent;

    }

    2) No, our matrix field can not have dynamic rows. You may try using the Matrix Dynamic widget instead: https://widgets.jotform.com/widget/matrix_dynamique 

    If you do not know how to add a widget to your form, please check this guide: https://www.jotform.com/help/252-How-to-Add-a-Widget-to-Your-Form 

    Let us know if you have more questions, we will be glad to assist you.

  • alphaemc
    Replied on November 30, 2017 at 10:43 AM
    Thank you for the information. It does not seem to work so I may be doing something wrong. Below is a screen capture showing how I copied and pasted the code from your email. Please advise if this is correct.
    [cid:image001.png@01D369C2.2CDDED70]
    Regards,
    Steve Roche
    Director of Operations
    Alpha E.M.C.
    1511 East State Road 434, Suite 3017
    Winter Springs, FL 32708
    Office: 407-542-0300 x117
    [cid:image001.jpg@01D23362.0B4C5850]
    ...
  • Nik_C
    Replied on November 30, 2017 at 12:47 PM

    Unfortunately, we didn't receive the screen capture, since our forum doesn't support it sending in that way. To attach your image, please follow: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum

    We'll wait for your response.

    Thank you!

  • alphaemc
    Replied on November 30, 2017 at 1:13 PM

    1512065589Form Designer Screenshot 10

  • Nik_C
    Replied on November 30, 2017 at 2:27 PM

    Please try adding !important suffix to your CSS line, like this:

    .form-matrix-column_0 {

        color: transparent!important;

    }

    And if the issue persists, please share the form you're working on. I checked this one https://form.jotform.com/73325797590165  but there is no code in Custom CSS code there.

    We'll wait for your response.

    Thank you!

  • alphaemc
    Replied on November 30, 2017 at 3:35 PM

    Thanks but still not working. Here is link to form: https://form.jotform.com/73325797590165

  • David JotForm Support Manager
    Replied on November 30, 2017 at 5:04 PM

    I just loaded that form, and the code worked, the label from that column is not showing up:

    1512079354nolabel Screenshot 10

    Please try clearing your browsers cache if it still shows up. 

  • alphaemc
    Replied on November 30, 2017 at 5:47 PM

    I want to hide the row title not the column title.1512081994Team CSS Screenshot 10

  • David JotForm Support Manager
    Replied on November 30, 2017 at 8:10 PM

    Use this code:

    .form-matrix-row-headers{

        color: transparent !Important;

    }

    Result:

    1512090589bad Screenshot 10

  • alphaemc
    Replied on January 11, 2018 at 2:43 PM
    I am not able to submit an email via your Contact JotForm Support page. Please check your system to see if there is an issue and advise.
    Regards,
    Steve Roche
    Director of Operations
    Alpha E.M.C.
    1511 East State Road 434, Suite 3017
    Winter Springs, FL 32708
    Office: 407-542-0300 x117
    [cid:image001.jpg@01D23362.0B4C5850]
    ...
  • Nik_C
    Replied on January 11, 2018 at 3:01 PM

    Could you please tell us what is the issue you're exactly experiencing, are you seeing any error?

    We don't have any issues with Support page at this time.

    Thank you!