Customize Preview page before submit

  • ahmedaallam
    Asked on October 10, 2014 at 5:31 PM

    Hi,

    Is there any way to HTML customize the review before submit page and select what field to show/hide in that page?

    Please advise,

    best,

    Ahmed

  • Charlie
    Replied on October 10, 2014 at 6:54 PM

    Hi Ahmed,

    I suggest you add the widget "Preview Before Submit". You can learn how to add a widget here, http://www.jotform.com/help/252-How-to-Add-a-Widget-to-your-Form.

    This will let your users to preview first before submission and can edit if they need to correct anything. 

    For editing the HTML part, there's no feature to easily do that on the widget. But we can do a workaround, using Custom CSS Codes

    1. I made a sample form and added the "Preview Before Submit" widget. 

    Customize Preview page before submit Image 1 Screenshot 50

     

    2. This is how the "Preview" button page will display.Customize Preview page before submit Image 2 Screenshot 61

    3. After clicking the "Preview Answers" button, it will display a preview page, with "Back" and "Submit" buttons. I check the HTML tag being used by viewing the source code.Customize Preview page before submit Image 3 Screenshot 72 

    4. I then use the HTML ID tag "checkSubmission" to make changes on the display using custom CSS codes. 

    Customize Preview page before submit Image 4 Screenshot 83

     

    I hope this helps. Let us know if you need further assistance.

    Thank you.

  • ahmedaallam
    Replied on October 10, 2014 at 7:13 PM

    Hi Charlie,

    Thank you so much for the detailed answer.

    best,

  • Charlie
    Replied on October 10, 2014 at 8:08 PM

    Hi Ahmed,

    You're welcome. We're glad to help our customers here. Please do let us know if this solution works for you. If you need further assistance, feel free to contact us anytime.

    Thank you.

  • MarianoMilia
    Replied on December 3, 2016 at 8:37 AM

    This was very helpful! Thanks