How to show conditional values in a matrix responding to a selected value on an upper input?

In the first step, user has to select A,B or C in a dropdown list.

Imagine the next question is a 4x4 matrix.

For example, if the user selects "A", I want the matrix to show only the 2 first rows, if he selects "B", y want to show him rows 2 and 4, etc.

Is it possible using CSS code? Because with conditional logic the resulting data sheet is too big.

Can anyone help me, please?

Unfortunately, you can't hide them if you are only using a single matrix field.

However, you can achieve that when you use multiple matrix fields and show the right matrix field depending on the selected answer in the dropdown field.

Example:

If dropdown is equal to A, show the matrix with 2 rows.

If dropdown is equal to B, show the matrix with 4 rows.

Demo: https://form.jotform.com/60965410703957

By the way, if you have knowledge with javascript, you should be able to achieve that when you modify your form source code and inject custom script that would perform such function.

Thanks!

Thanks. I already did what you're suggesting, but I have like 16 different matrix, responding to the 16 possible options in the dropdown question. So that, the .csv document where all the submissions go to is too big and difficult lo analyse, with many columns and empty cells.

Thanks anyway.

Cheers

By the way, if I achieve to modify the source code in the way I need it to be, how may I update my form and send it?

If you use the source code, the form will no longer be link to our servers. All modification done would be independent. This would mean that you would need to manually change to form using HTML to edit the form.

When you refer to SEND IT, you would like to share your form between users. The form exported using the source code, would no longer be able to be share using our servers.