Hiding a paragraph for form review

  • Profile Image
    pretreville.copro.formulaire
    Asked on December 01, 2020 at 08:22 PM

    Hello,

    I have the following paragraph:

    1606871817_5fc6eb09b062e_

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

    1606871951_5fc6eb8f5a23b_

    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

  • Profile Image
    Vick
    Answered on December 01, 2020 at 11:34 PM

    Hi there,

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

    1606883649_5fc7194109933_

    You can test it in the cloned form below.

    https://www.jotform.com/203358462027958

    Let us know if you need further assistance.

    Thanks.

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 02, 2020 at 01:41 AM

    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

  • Profile Image
    Michael
    Answered on December 02, 2020 at 02:49 AM

    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.

  • Profile Image
    Michael
    Answered on December 02, 2020 at 02:57 AM

    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.

  • Profile Image
    pretreville.copro.formulaire
    Answered on December 02, 2020 at 10:04 AM

    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

  • Profile Image
    Nikola
    Answered on December 02, 2020 at 11:59 AM

    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

    1606928183_5fc7c737460e3_id3.PNG

    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.