Pagination

Paging

Pagination allows data to be broken up into sequence pages.

Basic example of pagination

Standard pagination

Standard pagination should be the default way to present a large list. Pagination should always be in the bottom right of the page using the format “1, 2, 3, 4 >”.

Uses: Workflow search, case widgets, fat lists, dedicated search pages, search results

Basic pagination

Show all

Use when filtering is not a major use case, and for fitting lists in small spaces.

Uses: Case widgets (i.e. team members, attachments)

Example of show more pattern

Progressive paging

Progressive paging (“lazy load”) automatically loads more items as the user scrolls. . Use progressive pagination when there is no content under a list on a page, and browsing/filtering is the primary action.

Uses: Mobile, Dedicated search pages

Example of progressive paging

Last updated: Jun 2018

Next: Progress indicator