How to Remove "Hidden" HTML Text Page from Preview Widget View?

  • Profile Image
    Asked on August 17, 2016 at 06:04 PM

    Hi JotForm team,

    I've added the Preview Before Submit widget to my form, "Savings Incentive Program Application," and noticed that the preview shows the HTML text blocks that are only supposed be accessed if a user fails one of a few pre-screening checks.

    Those questions jump to an HTML page with a note explaining why the user is ineligible, and I would like to be able to hide those from users who have successfully filled out and are about to submit an application.

    I could not find a unique label field for those HTML text blocks. I looked in the Designer, clicking each HTML text block to get its text ID.

    I tried entering the labels I found (e.g. "#text_281"; "#text_279"; etc.) into the widget where it says to include the labels of fields you want to hide. I also tried entering those without the "#" sign ... Neither worked.

    Is there a way to hide those HTML fields? I've attached a screenshot of the fields showing up in the preview window that I'd like to exclude.

    Thank you!


  • Profile Image
    Answered on August 17, 2016 at 10:34 PM

    If you want to hide "ALL" the HTML element on preview before submit widget, inject this CSS codes to your form.

    li.html {display: none;}


    However, if you only want to hide some of the hidden text elements, I suggest doing the following workaround.

    1. Wrap those text that you want to hide with the following tags

    <div id="nopreview">



    Visual guide:

    2. Then inject this CSS codes to your form to hide them on the preview.

    li.html #nopreview {display: none;}

    If you need further assistance, let us know.

  • Profile Image
    Answered on August 18, 2016 at 03:41 PM

    Hi EltonCris,

    Thanks very much for your reply -- the workaround works perfectly!