What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by tamsyn 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!

    tamsyn

    Screenshot
  • Profile Image
    JotForm Support

    Answered by EltonCris 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;}

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    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">

    TEXT HERE

    </div>

    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 by tamsyn on August 18, 2016 at 03:41 PM

    Hi EltonCris,

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

    Best,

    tamsyn