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 to display submitted data on the same page as the form

    Asked by spoonfulofdelight on May 05, 2011 at 12:15 PM

    Is there a way to display the information submitted using the form on a webpage, right away after hitting the submit button?



    This is a re-post of a comment on How to Export Form Data to Excel

    html table report free text html embedding reports
  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 05, 2011 at 12:16 PM

    Hi,

    Is this form what you had in mind? This can be made possible by inserting a Free Text HTML field in your form, creating an HTML table or Grid Listing Report and then inserting that report onto the free text field.

    To create an html table or grid listing report:

    1.  Go to My Forms then click on the form that you want to create a report of
    2.  Click the Reports button then click Add New Report


    3.  Choose HTML table or Grid Listing then click Next
    4.  Check/uncheck the fields that you want to show/hide, click Next
    5.  Copy the iframe codes provided

    To insert the report's iframe codes onto your form:

    1.  Add a Free Text HTML field into your form. This can be found under the Power Tools option


    2.  Click the free text field, then click the HTML button in the toolbar


    3.  Paste the report's iframe codes into the HTML textarea
    4.  Save your form


    Hope this post answers your question. Let us know if you have further questions. Thank you.


    Neil

  • Profile Image

    Answered by spoonfulofdelight on May 05, 2011 at 11:45 PM

    wow! this is simply fabulous! Hats off to you folks at Jotform for such wonderful features. I just have one more question to ask regarding this. In my form I have an upload box in order to upload photos (food photos). Can a thumbnail of the photo also be displayed in the html table?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 06, 2011 at 05:26 PM

    UPDATE:

    HTML Table reports can now preview uploaded images via a hover button (a small magnifying glass). Check this out for an example:

    http://www.jotform.com/table/21635159102042/?

     

    Hello,

    Thank you for the kind words. Unfortunately, displaying thumbnail in the html table report is not possible. Upload fields data will show as direct urls to the file uploaded on our server.

    The only way that I could see this being possible is to have custom programming done. The idea is to extract submission information from the reports, and then replacing the direct urls for the images with <img src="[path to the image file]" /> to show the images in the content. I know this may sound complicated but its easy if you know your programming.

    Hopefully this was of any help to you. Thank you for using Jotform.


    Neil

  • Profile Image

    Answered by spoonfulofdelight on May 07, 2011 at 05:18 AM

    aaah i see... Actually I am a programmer by profession (actually a C programmer) and getting my hands dirty with a little bit of html code these days (thanks to my blog). I always use the html img tags for displaying images on my blog. But in this case, how do I access the table elements and extract the submission imformation for each entry and replace tht entry in the table with html code <img src="[path to the image file]" /> ?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 08, 2011 at 04:00 PM

    Hi,

    Actually, to achieve what you want to do, you would need to do some web programming using PHP perhaps, because PHP is open source and there is a ton of resources available on the internet.

    You can use PHP cURL to extract information from the reports and then format it in anyway you want. That way, instead of showing the URL to the uploaded image, you can show the image itself by using HTML <img> tags.

    I hope this post gives you a hint about the programming logic needed to incorporate the submitted information onto your form.


    Neil

  • Profile Image

    Answered by NIKNED on July 06, 2011 at 05:42 AM

    it's perfect , really perfect!!!

    i have a little question, user of my site can upload only 20 files?

  • Profile Image
    JotForm Support

    Answered by abajan on July 06, 2011 at 06:17 AM

    Hi NIKNED

    Since this is a separate issue, I have posted the answer in this other thread.


    ~ Wayne

  • Profile Image

    Answered by naina on May 29, 2012 at 10:08 AM

    its awesume

  • Profile Image

    Answered by mperson91 on June 16, 2012 at 09:48 PM

    Is there a way to modify the way reports are being displayed??

  • Profile Image
    JotForm Support

    Answered by abajan on June 16, 2012 at 09:56 PM

    Besides controlling which fields are displayed, I don't think so but I'll check.

  • Profile Image

    Answered by marcstylzzz on March 04, 2016 at 01:29 PM

    Hi there,

    Thank you so much for your support. Looks like you've made some changes on your form builder. Power tools is not available to me but I did find a text function to do the job.

    As you can see, the report part is small. How can make the report take the full space of the page?

    thanks

  • Profile Image
    JotForm Support

    Answered by Boris on March 04, 2016 at 03:57 PM

    @marcstylzzz, in order to assist you better, your question has been moved to a thread of its own:

    http://www.jotform.com/answers/787675

    We will be assisting you with it there, shortly. Thank you.

  • Profile Image

    Answered by udyj  on September 12, 2016 at 09:33 AM

    tyhrhdf