Overview

Pagination or paging usually displays ‘Previous’ and ‘Next’ at the bottom of the page. This provides an organized way to flip through a defined series of web pages.

Design

Usage guidelines

Previous and next links

If the current page location is on the first page, then the ‘Previous’ link is not visible. If you go beyond page one, then the ‘Previous’ text link becomes visible. Similarly, if you are on the last page of the series, then the ‘Next’ text link is not visible.

Number of pages to display

By default, there are 5 pages listed in the component, both as a way to save space and decrease cognitive load. The corresponding page number you are currently on will be greyed out (non-clickable link). If there are more than 5 pages in the series, you will see 3, 4, 5, 6, 7 listed if they are on page 7.

First and last links

There may be a need for 2 additional page controls – ‘First’ and ‘Last’ text links. These links allow you to jump to the first and last pages when the following conditions are met:

  • must jump to the last page (page results are in alphabetical order)
  • more than 5 pages in the set

The ‘First’ link is hidden when you are on the first page, and likewise with ‘Last’ when you are on the last page.

Was this page helpful?

All fields are required unless otherwise indicated.

You will not receive a reply. Do not enter any personal information such as telephone numbers, addresses, or emails.

Your submissions are monitored by our web team and are used to help improve the experience on Alberta.ca. If you require a response, please go to our Contact page.