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

    How can I print my form so the data visually appear the same as the form layout

    Asked by WeidnerResearchCenter on April 17, 2013 at 02:10 PM

    I created a family group sheet for genealogical research.

     

    To be useful the form data printout needs to appear as laid out in the submission form. Also, I do not need my form instructions to appear in the final report.

    Working with an Excel sheet or other format is more than I bargained for and does not really help me.

     

    How can I achieve a printout in a format  representing my form layout?

     

    Is it possible to convert this data to XML format without progressing through a series of steps.

     

    Here's a link to the form page http://form.jotform.us/form/30831429180147%20target=

     

    Thank you.

    layout print JotForm excel xml
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 17, 2013 at 02:48 PM

    Hi,

    Unfortunately that's not possible in the form submissions page. A workaround I could think is to put an edit link to your form notification and use it everytime you print the form layout with the submissions data being pre-filled.

    Example:

    URL: http://submit.jotformpro.com/form.php?formID=31064811210943&sid=232033229874382838&mode=edit

    Result:

    I am using Chrome Browser, FYI.

    Hope this helps. Thank you!

  • Profile Image

    Answered by WeidnerResearchCenter on April 18, 2013 at 05:31 PM

    Update:

    I spent the better part of 6 hours trying to achieve what I wanted in having the emailed data somewhat resemble the layout of my online form.

    1. In the Setup & Embed tab, click on Email Alerts;

    2. Click on the Email account you want;

    3. When the form appears, click on the HTML button in the top right corner;

    4. When the HTML Source Editor box appears, hit the keys CRTL-A to select all the text;

    5. Then hit the keys, CRTL-C to copy all the text;

    6. If you have have website editing software such as Dreamweaver, Frontpage, etc, create a new blank basic HTML page. Go to the Coding tab of the new page and delete all existing text. Then paste the text copied from your Jotform email form.

    7. Then go the Design tab and make your edits.

    8. When done delete the coding from jot form (highly recommend making a backup copy of this text before deleting).

    9. Copy the coding from the page you created and edited then paste it in the Jotform email box from which you copied the orginal text.

    10. Do a test email.

    11. Most form pages should be laid out at about 600 pixels, any wider and the form will not print all data or labels.

    This wasn't easy in that it was extremely time consuming and I opted to not edit directly in Jotform because of the slow internet connection (maybe the site is slow). Anyway, I have email results that resemble my original form layout.

    I still have some tweaking to do and the final printouts are longer than I want though still easier to use than the other solutions presented in an earlier post.

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 18, 2013 at 08:07 PM

    Hi,

    That's a very nice detailed instruction. Glad to hear you've come up another workaround. In case you need any help with, just let us know here. Cheers!