Hiding elements with no label in "preview before submit"

  • Profile Image
    campussurvival
    Asked on March 02, 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.

  • Profile Image
    Adrian
    Answered on March 03, 2018 at 06: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

  • Profile Image
    campussurvival
    Answered on March 03, 2018 at 08:34 AM

    Perfect! Thank you!