Community Wishlist/Wishes/Revamp pagination page navigation

Revamp pagination / page navigation Open

Edit wish Discuss this wish

Description

In user contributions, search results, page history, etc, pagination and page navigation is done (and been done as far as I remember) with something like this:

(newest | oldest) View (newer 100 | older 100) (20 | 50 | 100 | 250 | 500)

This is not a great user interface, is still confusing for me after 20+ years (I keep pressing “oldest” instead of “older” for instance), probably not that clear to new users, and not really to the standard of current UI expectations.

It would be great to redesign the navigation to be more up to par with common pagination patterns.

A quick example, keeping text only:

950 entries | Page 1/10

⏮ First page | ⏴ Previous page | Next page | Last page

Display 20 | 50 | 100 | 250 | 500 entries per page

Or using the local {{Clickable button 2}} template just as a rough preview:

950 entries | Page 1/10

⏮ First page ⏴ Previous page Next page ⏵ Last page ⏭

Display 20 | 50 | 100 | 250 | 500 entries per page

Or maybe:

⏮ First ⏴ Previous Page 1 | 2 | 3 | 4 | 510 Next ⏵ Last ⏭
Display 20 | 50 | 100 | 250 | 500 entries per page

Whichever form it takes, this new version should ideally be using buttons in different states as well as icons and design tokens from Codex – that would be a great improvement of this very common feature.

Assigned focus area

Unassigned.

Type of wish

System change

All projects

Affected users

All users using search, page history, contributions lists, etc.

Other details

  • Created: 09:37, 2 August 2024 (UTC)
  • Last updated: 07:59, 26 November 2024 (UTC)
  • Author: Nclm (talk)