The Preview Before Submit shows wrong formatted view

  • gracegulliver
    Asked on November 2, 2015 at 1: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?
  • jonathan
    Replied on November 2, 2015 at 2: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 Preview Before Submit shows wrong formatted view Image 1 Screenshot 30

     

    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...

    The Preview Before Submit shows wrong formatted view Image 2 Screenshot 41

     

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

  • gracegulliver
    Replied on November 2, 2015 at 2: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!!

     

    The Preview Before Submit shows wrong formatted view Image 1 Screenshot 20

  • jonathan
    Replied on November 2, 2015 at 3: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.

    The Preview Before Submit shows wrong formatted view Image 1 Screenshot 20

     

    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

     

     

  • gracegulliver
    Replied on November 4, 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;

    }

     

     

  • gracegulliver
    Replied on November 4, 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
  • jonathan
    Replied on November 4, 2015 at 3: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

    The Preview Before Submit shows wrong formatted view Image 1 Screenshot 30

     

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

    The Preview Before Submit shows wrong formatted view Image 2 Screenshot 41

     

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

     

    Thanks.