Paginator works with several kinds of repeated content. The important requirement is that the source produces distinct items that Paginator can divide into pages.

Foundation Column Pro and Block Grid

Place the grid inside Paginator and set the number of posts per page to suit the column count. Choose a value that produces balanced rows at the main desktop width, then check how the last page behaves.

Bento Mason

Bento Mason contains items of different heights. Paginator allows images to load and the masonry layout to recalculate after a page change so the visible page can close its gaps. Test pages with both tall and short items.

Feeds

Place the Feeds content in the paginated section and make sure the feed has completed loading before judging the page count. Paginator can be used for news, updates, and other repeated feed items.

Total CMS blog lists

Paginator supports blog-list items from Total CMS 1 and Total CMS 3. Configure the list to return the intended records, then let Paginator divide the rendered items. If the CMS source already limits the result, the Paginator can only page through the items that were returned.

Images and interactive items

The demo includes a Block Grid containing PDF FirstLook items and an image-slider example. After every page change, verify that images, document previews, links, and other controls on the newly visible page work normally.

Dynamic-content checklist

  • Wait for the source content to load.

  • Compare the returned item count with the page count.

  • Check the layout after images finish loading.

  • Test the final page and empty-result state.

Related: Getting started with Paginator and Troubleshooting Paginator and improving accessibility.