Why do I only get the first page of submission when converting the form to PDF format?

  • Profile Image
    dvminfo
    Asked on March 24, 2016 at 12:30 PM

    Hello,

     

     

    I am having a difficult time downloading multiple-page forms into the desired format. If I want to download a submitted form as a pdf (keeping the original form format), it is only the first page that is downloaded in that format, not the subsequent ones. Please advise about how I can download all the pages in the desired format, or let me know if you have further questions about this.

    I look forward to hearing back from you about this!

     

    Best,

    Violeta Bonneville

    dvminfo@umn.edu

  • Profile Image
    Jan
    Answered on March 24, 2016 at 01:02 PM

    Unfortunately, PDF submission doesn't support the Page Break function. It means, that the submission will show up as whole in 1 page. If it exceeded the page, it will go to another page. 

    You can customize the PDF submission a little bit by using the PDF Designer. Here's a guide on how you can access it:

    1. In My Forms, select the form and then click the "Submissions" button.

    2.  Click the "Get PDF" button and then click the "Customize PDF" option.

    3. In the PDF Designer, you can fully customize the PDF submission.

     

    If you want to make the Headers and Texts visible to your form, you have to enable it in the Submissions area. Here's how:

    In the Submissions area, click the "gear or option" icon and then check the "Show Headers and Text". After that, click the "gear or option" icon again to save the changes.

     

    Hope that helps. Thank you.

  • Profile Image
    Jan
    Answered on April 04, 2016 at 01:04 PM

    Unfortunately, it is not possible to use page breaks in the submissions.

    I cloned your form and did a test submission. After that, I downloaded the submission as a PDF. As you can see, page breaks are not yet supported. It means that all questions and answers will be in 1 document.  It means, that the submission will show up as whole in 1 page. If it exceeded the page, it will go to another page. Please check the animation below:

    Hope this helps. Thank you.

  • Profile Image
    Nik_C
    Answered on April 04, 2016 at 04:40 PM

    I tested your VetFast application and I received all the fields via Get PDF button. 

    Please take a look at the recording I provided and let us know if this is what you are trying to achieve.

    Try turning off the page breaks before the download of pdf and see if that resolves your issue.

    We'll await your response.

     

  • Profile Image
    Violeta
    Answered on April 06, 2016 at 01:23 PM

    Hello Nik,

    I am trying to download the VetFAST application in a different format - namely, after I click Submission, on the right hand side, I click the Edit button, and that pulls up a different format for the pdf. This is the format I want for my download. However, this only works for the first page, not the following pages. I can't turn off the page breaks because I have question logics that connect to different pages of the form. Please let me know how I can download all pages of the application in the pdf format I am trying to describe, so the filled out application has the same format as the form in Edit mode or as it shows for the people who fill it out.

    Thank you,

    Violeta

  • Profile Image
    Nik_C
    Answered on April 06, 2016 at 01:56 PM

    Unfortunately, there is no way to get submissions as filled PDF form. What you were seeing was form submission editor.  However, you can customize your forms design via Get pdf/Customize PDF.

     

    Please let us know if you need any further assistance.

     

  • Profile Image
    dvminfo
    Answered on April 14, 2016 at 01:29 PM

    Hello,

    Thank you again for addressing my question about the pdf format download. Why isn't this option possible, and will it ever be added as a function? It makes for a cleaner, reader-friendly look than the regular download format.

    Thank you,

    Violeta

    dvminfo@umn.edu.

  • Profile Image
    Huberson
    Answered on April 14, 2016 at 04:29 PM

    Hi Violeta,

    I think you are referring the Edit button from the submissions page correct..

    Unfortunately this button will let you edit the entries but it does not affect the way the layout of the PDF or the page break. If you click the page break button when in edit mode, you can still use the page break to navigate the form inside submission page.

     

    If you need each section (Page Break) in the form to be on its own page(s) in the PDF here are some simple steps you  can follow:

    - Add a print button to your form

    - Create a 'Text' field with a class added to it ( See illustration ), then duplicate it so there is one under or above each page break in the form.

    - Add the following CSS code to the for from Preferences or using Designer - How-to-Inject-Custom-CSS-Codes

    @media print{

        .pagebreak {

            page-break-before : always;

        }

    }

     

    - you will then add the 'Edit Link' to the email Notification.

     

    All you have to do when you receive a submission by email is to click 'Edit Link', select print form and you will be able to save the submission exactly the way it looks in PDF format by choosing the option from your browser.

    Here is the clone of your form with above modifications: https://form.jotform.com/61045479912964.

    If you open the form in Chrome and click the print button, you should be able to save it as PDF with the page break applied.

  • Profile Image
    dvminfo
    Answered on April 18, 2016 at 01:49 PM

    Hello,


    Thank you for this detailed description on how I can change the viewing format of my forms. Your instructions worked well and got me the desired format. However, with this view, the information in the text boxes does not fully come through. If the text boxes have a scroll arrow, I do not see the information below the cut-off that would be revealed if I scroll down. Can you please advise on this one? I tried changing the size limits on the description boxes, but that doesn't seem to help.

    I look forward to hearing back from you.

     

    Best,

    Violeta

    dvminfo@umn.edu.

  • Profile Image
    Huberson
    Answered on April 18, 2016 at 03:30 PM

    Hi,

    Assuming you are referring to the Dropdowns, unfortunately they cannot be selected in this view. You will only see the options that have been previously selected with the arrow but cannot scroll to see the other options.

    I have also previewed the form but did not notice any text field cut off.

    If you could upload a screenshot of those fields where the information not fully visible, we should be able to help you with it.

     

    Thank you.

     

     

  • Profile Image
    dvminfo
    Answered on April 19, 2016 at 10:15 AM

    Hello,


    Thank you for the quick reply! No, I wasn't referring to the drop-down menus but to the scroll-down areas if the text is longer than the standard view of the box. I found out I can pull at the box's right bottom edge to reveal the text, but the box does not format well, and the result is a long narrow box. I hope the image below illustrates it.

    I look forward to hearing back from you!

    Thank you,

    Violeta

  • Profile Image
    Charlie
    Answered on April 19, 2016 at 11:26 AM

    Please note that if you used the "Print" function of the browser or the print button of the form, it will print the form as it is.

    So if that boxes like the textarea field is this small and the content is too large, then unfortunately we are unable to match them. 

     

    You can try using this custom CSS code: 

    @media print{

        /*Break on Evaluation of Applicant's Ability to Handle Animals section*/

        #cid_14 {

            page-break-before: always !important;

        }

     

        /*Break on Evaluation of Applicant's Overall Potential section*/

        #cid_33 {

            page-break-before: always !important;

        }

        /* Break on For additional page section*/

    #cid_44 {

            page-break-before : always !important;

        }

      /*Div element and the width and height of the Letter of support section*/

        #cid_60, #input_60 {

            width : 900px !important;

            min-height: 800px !important;

        }

        .form-input-wide, textarea {

            max-width : 500px !important;

        }

    }

     

    I break the section that I see appropriate, however, the problem on the textarea field would not be possible as far as a I know. We need to either set a min-height to cover content of the textarea to avoid the text being cut off.

    Let us know if that will work.