How do I edit the matrix dynamique widget so it looks like this photo?

Does it have to be the Matrix Dynamique Widget? I'm asking because if you're expecting a definite set of answers, it's better to use the INPUT TABLE field to collect these data from your respondents.

The Matrix Dynamique Widget is meant to be used for answers that are indefinite (e.g. you don't know beforehand how many entries your respondents will enter on the field).

Knowing this other alternative, please consider and weigh your options first and once you're decided which one to use, let us know and we'll help you in figuring out the CSS codes you need to design the field as close as possible to the screenshot you sent.

Hi, Jim, thanks for the quick reply. I tried the input table yesterday, but I couldn't edit the radio buttons out to make them fillable like what I wanted to achieve in my table above...The options for the radio buttons are just the ff: require, move up, shrink, duplicate, hide, delete, conditional logic, and manage multiple fields (see image).

Sincerely, 

Bianca 

Click on the gear icon, then go to Fields tab, and select "Text box" for the input type:

Let us know if you need more help.

Thanks, David. Your idea worked. Is there a way though to add rows to the input table without the labels on the left (see image below)?

In order to make row labels hidden,

1. Go to Form Designer, click on CSS tab.

2. Please copy and paste the following CSS code.

3. Save the field changes.

The CSS code:

.form-matrix-row-headers {

    visibility : hidden;

}

tbody>tr:first-child{border-bottom-style:hidden;

}

You can behold these instructions on the following gif:

I hope that helps.

If you need any further assistance,  please let us know.