How to display form received informaion on the same page?

  • spoonfulofdelight
    Answered on May 05, 2011 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?

  • NeilVicente
    Answered on May 05, 2011 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

    How to display form received informaion on the same page? Image 1 Screenshot 40
    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

    How to display form received informaion on the same page? Image 2 Screenshot 51
    2.  Click the free text field, then click the HTML button in the toolbar

    How to display form received informaion on the same page? Image 3 Screenshot 62
    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

  • spoonfulofdelight
    Answered on May 05, 2011 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?

  • NeilVicente
    Answered on May 06, 2011 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

  • spoonfulofdelight
    Answered on May 07, 2011 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]" /> ?

  • NeilVicente
    Answered on May 08, 2011 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

  • NIKNED
    Answered on July 06, 2011 05:42 AM

    it's perfect , really perfect!!!

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

  • abajan Jotform Support
    Answered on July 06, 2011 06:17 AM

    Hi NIKNED

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


    ~ Wayne

  • naina
    Answered on May 29, 2012 10:08 AM

    its awesume

  • mperson91
    Answered on June 16, 2012 09:48 PM

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

  • abajan Jotform Support
    Answered on June 16, 2012 09:56 PM

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

  • marcstylzzz
    Answered on March 04, 2016 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.

    How to display form received informaion on the same page? Image 1 Screenshot 20

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

    thanks

  • Boris
    Answered on March 04, 2016 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.