When I click the "Preview and Submit" button on our form, the text gets stretched way off to the right of the middle section of the screen

  • Profile Image
    ZeroWastePhila
    Asked on November 01, 2017 at 02:12 PM

    Hello, this issue wasn't happening previously, but now when I click the "Preview and Submit" button on our form, the text gets stretched way off to the right of the middle section of the screen:

    1509559609jotform formatting.JPG

    I was hoping that someone can take a look and try to resolve this issue. Thanks for your help.

  • Profile Image
    david
    Answered on November 01, 2017 at 02:16 PM

    I cloned your form to test it and was unable to reproduce the issue:

    1509560132Capture.PNG

    When I tested your copy of the form, the layout in the preview before submit was the same. 

    Let us know if the header image is still off to the right in when viewing it on your end and we will take another look.  It does appear to be correct at this time.

  • Profile Image
    ZeroWastePhila
    Answered on November 01, 2017 at 02:32 PM

    Hi David, this issue now seems to be resolved, thank you. I am also trying to add an image to the top of my submission PDF, but I think that I have the image name wrong. This is how I am entering it the image name after pressing the "insert image" button in the "Customize PDF" view:

    https://www.jotform.com/uploads/ZeroWastePhila/form_files/JotformHeader_Audit.30.jpeg

    This is the image I am looking to add as a header:

    1509561123JotformHeader_Audit.jpg


  • Profile Image
    david
    Answered on November 01, 2017 at 02:53 PM

    The URL being used seems to lead to a file that is no longer available.  Try using the following URL instead:

    https://www.jotform.com/uploads/forum/ZeroWastePhila/1509561123JotformHeader_Audit.jpg

    Or uploading the file to another service and hosting from there.


  • Profile Image
    ZeroWastePhila
    Answered on November 01, 2017 at 04:00 PM

    Thanks. I added the photo and it worked, but when I save the submission PDF and then reopen it, the image is no longer there. Here is the way that I saved the form:

    1509566010formwithheader.JPG

    And the way it appears the next time I open it:

    1509566032formheadergone.JPG

    Also, in the PDF that is attached to the actual submission/confirmation email, the header image does not stretch across the entire PDF for some reason. Do I need to create an image with a wider width, or can something be changed so that the image stretches across the width of the form?

    1509566113jotformheadersmall.JPG

    Also in the actual submission PDF that was attached to the email I received after submitting a test form, the field name to the left of the large matrix in this image (on the second page of the PDF) keeps resizing itself after each time I manually resize it so that the responses related to the bottom three fields (Additional Material 1, Additional Material 2, Waste Diversion Rate) get pushed down and the formatting gets altered (image below).

    Please advise on whether there is a way to fix these issues. I have only had luck with the formatting not being altered and the PDF staying the way that I last saved it when I don't add any images or extra text fields. Thanks for your help.


    1509566223jotformpage2formatting.JPG

  • Profile Image
    david
    Answered on November 01, 2017 at 06:14 PM

    As long as the image is being included in the PDF, what is being shown in the preview should not matter.  As for the sizing, make sure the image itself is a bit wider.

    When you add images and resize fields, it can throw off the layout of the PDF.  For your case, I would add the image to the form itself, then include headers and text from the form in your PDF's:

    https://www.jotform.com/help/305-How-to-Show-Headers-and-Text-in-the-PDF

    Use this option with the default PDF layout.