Pagination

REACH allows you to add pagination (numbered pages) so the information shown on each page is limited to a digestible, easily-readable amount.

To use pagination for any collection of data within REACH, such as a collection of campaigns or sponsorships, reference the example code below.

{% paginate sponsorships by 12 %} 	{{ sponsorships | will_paginate }} 	{% for sponsorship in sponsorships %} 		<!-- Insert code to render sponsorship --> 	{% endfor %} {% endpaginate %}

First, you set how many items you want to display per page – the example will display 12:

{% paginate sponsorships by 12 %} {% endpaginate %}

Next, you render the pagination buttons to allow for navigating between the pages:

{{ sponsorships | will_paginate }}

Lastly, you can then iterate over each object and add code to display the objects on the page:

{% for sponsorship in sponsorships %} 	<!-- Insert code to render sponsorship --> {% endfor %}

Note: Pagination buttons can be styled using custom CSS.

For additional assistance with this, please contact our Support team.

Tags:

Was this article helpful?

Previous Article

Forms

Next Article

API Documentation