Hiding elements with no label in "preview before submit"

  • campussurvival
    Asked on March 2, 2018 at 11:46 PM

    I have read a couple support entries about hiding certain fields with no labels (such as text fields) in the "preview before submit," but can't figure out how to apply it to my case. In my form I have a long text introduction that I would like to hide from the preview. 

    I'm also wondering if there is a way to add custom formatting to the preview instead of having it be a long list (my form is very long and each page is a distinct section but in the preview everything runs together).

    Thanks for your help.

  • Adrian
    Replied on March 3, 2018 at 6:57 AM

    To hide the introduction text from the form preview and to distinguish each page (change the background color of the section header), please Inject the following CSS (highlighted in green) to your form.

    #previewContainer .html {
        display: none;
    }

    #previewContainer .control_head {
        background-color: #666;
        color: #fff;
    }


    Complete Guide: How to Inject Custom CSS Codes

  • campussurvival
    Replied on March 3, 2018 at 8:34 AM

    Perfect! Thank you!