Page object

The Page object contains all of the Rows assigned to it in the Composer. It also contains the index of the page and its label.

Properties

  • index #
    • The index of the page (Starts from 0).
  • label #
    • Output the label of the page.

Methods

  • getRows() #
    • Use this to iterate over all Rows in this page.
    • You can also just iterate over the Page object to yield the same results (examples provided below).

Usage in Templates

Render the page label and its index:

{{ form.currentPage.label }}
{{ form.currentPage.index }}
1
2

Render all form pages and add a class to the currently shown page:

<ul>
  {% for page in form.pages %}
    <li>
      {% if form.currentPage.index == page.index %}
        <a href="javascript:;">{{ page.label }}</a>
      {% else %}
        {{ page.label }}
      {% endif %}
    </li>
  {% endfor %}
</ul>
1
2
3
4
5
6
7
8
9
10
11

Iterate through all rows and its fields of the current page:

{% for row in form.currentPage %}
  <div class="row">
    {% for field in row %}
      <div class="field">
        {{ field.label }}
      </div>
    {% endfor %}
  </div>
{% endfor %}
1
2
3
4
5
6
7
8
9

Iterating over the form yields the same results:

{% for row in form %}
  <div class="row">
    {% for field in row %}
      <div class="field">
        {{ field.label }}
      </div>
    {% endfor %}
  </div>
{% endfor %}
1
2
3
4
5
6
7
8
9
Last Updated: 1/15/2019, 12:09:09 AM