Hiding a paragraph for form review

Hello,

I have the following paragraph:

I would like this paragraph not to appear when the user is reviewing his answers:

How do I get the label of such paragraph please? For a single, multiple choice, dropdown etc ... I know but for a paragraph I am bugging.

Thank you in advance for your help.

With my best regards.

D

Hi there,

Please add the following condition in your form to hide the specified Paragraph.

You can test it in the cloned form below.

https://www.jotform.com/203358462027958

Let us know if you need further assistance.

Thanks.

Hello,

Thank you for that. However when I load your clone the paragraph is hidden despite not having triggered the Review Before Submit Widget.

I want to see the paragraph until I trigger the Widget.

Best regards.

D

Please allow me some time to check for an available workaround or solution that will meet your requirements.

I'll get back to you on this ticket with my findings.

Apologies for any delays. The solution below will allow you to hide the first Paragraph element in your form on the Review Before Submit page.

Please inject the custom CSS codes below into your form.

Reference Guide: How-to-Inject-Custom-CSS-Codes

li[data-qid="3"] {

  display: none !important;

}

Please give it a try and let us know if you need any further assistance.

Thank you. It seems to work.

However now the paragraph is not visible when building the form. Meaning that it seems that I have to remove the code to see the paragraph to update it for instance and re-write the code so it does what I want for the Review Before Submit page. I guess it is a hack but it works, I just need to remember the trick back and forth.

What the paragraph ID in the code: "3"? If I want to do the same thing for other paragraph I need to change the 3 by another corresponding number? Where could I find which number tags which paragraph?

Many thanks.

D

Please add #previewContainer in front of the CSS code my colleague provided. That should allow you to see the paragraph in the form builder and it will hide it on the review page.

#previewContainer li[data-qid="3"] {

  display: none !important;

}

The paragraph ID in the code: "3" is the ID of the Paragraph field. You can find it using the browser DevTools option.

Chrome DevTools

If you want to do the same thing for another paragraph as well, add the same code to the form with the ID of the other Paragraph field.