Preview Before Submit - preview window text too close to left edge

  • aprpac
    Asked on May 6, 2015 at 6:04 PM

    Hi,

    I am using the Preview Before Submit widget which works pretty well, however on the preview window, all of the text is right up against the left border of the form. This does not look very professional. How can I resolve this?

    Thanks

    Paul

  • Chriistian Jotform Support
    Replied on May 6, 2015 at 9:42 PM

    Hi aprpac

     

    Thank you for contacting us.

     

    To resolve this issue, you need to add some padding to your preview container. This can be achieved by injecting custom CSS to your form. Please take a look at the CSS and steps below.

     

    CSS Snippet:

    #previewContainer {

        padding-left: 50px; // this can be adjusted to larger padding if you wish

    }

     

    Steps:

    1. Open your form in Edit mode and click Setup & Embed.

    2. Click Preferences.

    3. Open Form Styles tab.

    4. Go to Inject Custom CSS and insert the CSS snippet given above.

    5. Click Close Settings.

    Preview Before Submit   preview window text too close to left edge Image 1 Screenshot 30

     

    Here's is how it looks on my cloned version.

    Preview Before Submit   preview window text too close to left edge Image 2 Screenshot 41

     

    I hope that helps.

  • aprpac
    Replied on May 7, 2015 at 4:33 AM

    Hi,

    Thank you this resolves the problem for me.

    Kind regards

    Paul