Displaying RSForm!Pro Submissions in a Bootstrap 5 Accordion View

This article explains how to display RSForm! Pro submissions in a Bootstrap 5 accordion layout using the Submissions List menu item or module. This approach is useful when you want to present submission data in a clean, collapsible format.

What to do:

You'll need to edit the Submissions View or Submissions Module and:

• The HTML Layout acts as a wrapper for all submission rows. Here, we define the main Bootstrap accordion container and include the {formdata} placeholder, which outputs each submission row. You can add the following code:

<div class="accordion" id="accordionExample">
  {formdata}
</div>

<div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{global:submissionid}" aria-expanded="false" aria-controls="collapse{global:submissionid}">
        Submission #{global:submissionid}
      </button>
    </h2>
    <div id="collapse{global:submissionid}" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
      <div class="accordion-body">
    <ul>
      <li>Name: {Name:value}</li>
      <li>Email: {Email:value}</li>
      <li>Subject: {Subject:value}</li>
    </ul>
        <a href="{details_link}" class="btn btn-primary">Details</a>
      </div>
    </div>
  </div>