How to remove certain fields from Preview before submit page?

  • Profile Image
    EMEDorders
    Asked 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
    Nik_C
    Answered 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
    EMEDorders
    Answered 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
    Jim_R
    Answered 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.