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

    The Preview Before Submit shows wrong formatted view

    Asked by gracegulliver on November 02, 2015 at 01:26 PM
    The preview is showing up formatted very weird and does not look good. Also, I am trying only to have the preview to contain a few responses and not all of the responses on the form. How do I get the preview to only show the responses I would like it to?
    preview preview widget customize preview
  • Profile Image
    JotForm Support

    Answered by jonathan on November 02, 2015 at 02:00 PM

    You must be referring to the margin or padding of the preview page.

    You can customize it using injected CSS codes.

    Please inject the following custom css code in your form  http://www.jotform.us/form/53006262684150 to add margin space.

    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 

    To exlude fields/answers in the Preview you can add the exact name of the field/label in the Hidden Fields option of the Preview widget.

    like this...

     

    Hope this help. Let us know if you need further assistance.

  • Profile Image

    Answered by gracegulliver on November 02, 2015 at 02:23 PM

    Thank you for your help!! For the excluding fields/answers in the preview, it is not working when I put labels into the widget. They are not disappearing, they are still showing when I enter them. There are also field where I don't know what to put because they are text field s they don't have a field name it is just a a bunch of text? For example, my first text field which say " If assistance is needed please contact sos@cru.org...which I do not want to show up on the preview.

     

    I also have one more unrelated question to another form we are creating and using a little on this for as well

    . We would like to have a field to put multiple entries into and can not find a good way to do it. Iv'e looked at all the widgets. What we need to two text fields so that we can collect their first name and last name....and we would like them to be able to add more names and delete names on the list. Attached is the form we correctly use, but are trying to put into a an online version. 

     

    Thank you so much!!

     

  • Profile Image
    JotForm Support

    Answered by jonathan on November 02, 2015 at 03:55 PM

    I also suggest fixing the TEXT field and remove the spaces symbol that you wanted to use to push the text down away from the field on top of it.

    You can use the Spacer widget instead. Its easier and more appropriate.

     

    Unfortunately the TEXT fields doesn't have label name on them. So you could not add them on the Hidden Fields option of the Preview widget.

    You can use instead custom CSS cod 

    #previewContainer li > div.value.no-label {

        display: none;

    }

    but this will affect all TEXT field on the Preview because it was using the class name. Meaning, all TEXT field will be hidden in the Preview page.

    Let us know if you have further question.

    --

    We will resolve the other question here http://www.jotform.com/answers/695837

     

     

  • Profile Image

    Answered by gracegulliver on November 04, 2015 at 11:58 AM

    Thank you! The code } is not working when I put it in though?

    #previewContainer li > div.value.no-label {

        display: none;

    }

     

     

  • Profile Image

    Answered by gracegulliver on November 04, 2015 at 12:03 PM

    Our thank you page is also being cut in half. Could you please let us know why this is happening??
    Thank you! Grace
  • Profile Image
    JotForm Support

    Answered by jonathan on November 04, 2015 at 03:18 PM

    I have fixed it for you by adding the CSS code 

    #previewContainer li > div.value.no-label {

        display : none !important;

    }

     

    to your jotform http://www.jotform.us/form/53006262684150

     

    if you check the Preview page, ALL TEXT fields no longer shows on the Preview

     

    We will resolve the other issue here http://www.jotform.com/answers/697664

     

    Thanks.