Pagination

Paging

Pagination allows data to be broken up into sequence pages.

pagination
Basic example of pagination

Standard pagination

Standard pagination should be the default way to present an extensive list. Pagination should always be in the bottom right of the page using the format “1, 2, 3, 4 >”. Use this style of pagination in workflow search, case widgets, fat lists, dedicated search pages, and search results.

Basic pagination

Show all

Use “show all” pagination when filtering is not a significant use case, and when fitting lists in small spaces. Case widgets (i.e., team members, attachments) are the best use case for this style.

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. Use progressive pagination for mobile and dedicated search pages.

Example of progressive paging

Last updated: Aug 2019