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 certain fields from Preview before submit page?

    Asked by EMEDorders on June 14, 2017 at 02:58 PM

    Hi,

     

    I've seen this custom CSS code being recommended before and I've tried using it to remove text fields from my preview before submitting page. It worked successfully to remove all the text fields, but is it possible to only remove certain ones and leave some others?

  • Profile Image
    JotForm Support

    Answered by Nik_C on June 14, 2017 at 03:02 PM

    The custom code usually works only for one form because of the field IDs.

    Anyhow, could you please let us know which fields you don't want to be shown on Preview page so we can check?

    We'll wait for your response.

    Thank you!

  • Profile Image

    Answered by EMEDorders on June 14, 2017 at 03:37 PM

    Thanks for your prompt response, however I was able to find a semi work-around for what I wanted to achieve.

    Initially I tried playing with the CSS code that was suggested in this post:

    Entering this code, I counted the element numbers in the sequence I had, and changed the numbers (1) and (2) after the child reference:

    #previewContainer li:nth-child(1), #previewContainer li:nth-child(2){

    display:none;

    }

    This worked to some degree, but not reliably, since I'm also using several instances of the Configurable List widget. It appeared that when I made different selections in the configurable list, they were also sometimes removed using the CSS code. (I only wanted to remove certain text fields).

    My final work-around was just to replace the text I needed to appear in the Preview with other form elements that still gave the user the information I needed to. Then I used the other CSS code which has previously been suggested to remove all other text fields from the Preview.

    #previewContainer li > div.value.no-label {

        display: none !important;

    }

  • Profile Image
    JotForm Support

    Answered by Jim_R on June 14, 2017 at 04:40 PM

    @EMEDorders - Thanks for taking your time keeping us posted and explaining how you managed to find the right CSS Codes you need.

    In case you need more help, don't hesitate to ask.