How to Create a Grid Listing Report

May 16, 2024

Grid Listing is useful in several ways – a classic example is the ability to show the submissions on your web page right after a user hits the Submit button. In the generated grid list, you can do the following:

  • Rearrange the order of the columns in the table by dragging the column headings
  • Make the grid larger
  • Add/remove column fields
  • Sort ascending and descending options per column
  • Search for submissions (similar to the search feature on the Submissions Page)
Youtube Embed Poster: ti9oj6CxopQ

Follow the steps below to create a Grid Listing Report:

  1. On the My Forms page, click the form to select it.
  2. Click the Reports button at the top.
  3. From the Reports menu, click the Add New Report button.
jotform-my-forms-report
  1. Select Grid Listing on the “Create a new report” modal pop-up.
jotform-reports-grid-listing
  1. Next will be the Grid Listing report setup page, which is divided into three sections:
jotform-grid-listing-report-options
  • Report Name – type the name of the report that will be shown under the Reports menu on the My Forms page.
  • Fields – include or exclude fields and other information such as Submission ID, Submission Date, or IP address.
  • Report Configurations – enable or disable additional report settings to your preferences:
    • Password protection – an optional but added layer of security.
    • Display photo instead of a link – enable this if you want to show the images uploaded on your form instead of just showing them as a link.
    • Display images in a modal window – when someone clicks on an image in the table, it will be presented as a modal popup (or a lightbox as shown below).
    • Show edit URLs – with this enabled, a new column will be added to the table that will show a link to edit the respective submission.
    • Auto-fit grid report to window – when enabled, the entire grid will automatically fit itself to the size of the browser window.
    • Grid Cell Maximum Height – set the maximum height of each row on the grid table.
  1. Click the Create button at the bottom to finish the setup.
  2. After clicking the Create button, you will be prompted that the Grid Listing Report is ready. On the same pop-up, you will see the link to the Grid Listing Report that you created and a button to copy that link. There is also the iFrame embed code that you can copy to embed the report to your website. The Open Report button will open the report on a new browser tab.
jotform-grid-listing-report-copy-link
  1. Click the close (X) icon at the top-right corner to close the pop-up.
Push Notifications for Jotform Apps
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • flori - Profile picture
  • samchia - Profile picture
  • Jim - Profile picture
  • René Bergmann - Profile picture
  • ayanaresort - Profile picture
  • sweetestaddiction - Profile picture
  • sweetestaddiction - Profile picture
  • Marcos Leiva - Profile picture
  • Jalal - Profile picture
  • lemundibu - Profile picture
  • MGGSOnline - Profile picture
  • gwylie - Profile picture
  • vashishtb - Profile picture
  • golphnut - Profile picture
  • tinavupham - Profile picture
  • bouka fotio Gaëlle  - Profile picture
  • larback - Profile picture
  • kokangboys - Profile picture
  • preacherswife - Profile picture
  • RedDogRecords - Profile picture
  • CoordinatorLiaison - Profile picture
  • dress250 - Profile picture
  • 1to1 - Profile picture
  • GoBlueHorizon - Profile picture
  • bwf - Profile picture