Preview before submit widget - how do I style the preview page?

  • Profile Image
    Asked on March 05, 2015 at 03:38 AM


    I want to add the 'Preview Before Submit' widget to a form for a client. I am testing this in a dummy form: I'm not a css expert, but have tried a few tricks to add padding/margins to the preview page, but to no avail. Can someone please help me? It's urgent.

    (Note: this only seems to be a problem when there is lots of text in the paragraph fields. If there are no paragraphs on the form, the text on the preview page seems to float across to the center of the preview page. This unpredictability is also troubling.)

    Thanks in advance for your help!


  • Profile Image
    Answered on March 05, 2015 at 08:53 AM


    Please inject the following custom css code in your form to add margin space and that should solve your problem:

    div#previewContainer {

    margin: 15px !important;


    The following guide should help you inject custom css code in form: 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!