What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by ScienceInPublic  on March 05, 2015 at 03:38 AM

    Hi

    I want to add the 'Preview Before Submit' widget to a form for a client. I am testing this in a dummy form: http://form.jotformpro.com/form/50631670035952 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!

     

    Page URL:
    http://form.jotformpro.com/form/50631670035952

    Screenshot
    style preview problem float thanks
  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 05, 2015 at 08:53 AM

    Hello,

    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:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!