How to remove certain fields from Preview before submit page?

  • EMEDorders
    Asked on June 14, 2017 at 2: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?

  • Nik_C
    Replied on June 14, 2017 at 3: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!

  • EMEDorders
    Replied on June 14, 2017 at 3: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;

    }

  • Support_Management Jotform Support
    Replied on June 14, 2017 at 4: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.