Project

General

Profile

Actions

Feature #101549

open

Epic #98593: [UX] - Clear standards

Improve pagination of tables inside list module.

Added by Riccardo De Contardi 11 months ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
Start date:
2023-08-03
Due date:
% Done:

0%

Estimated time:
PHP Version:
8.1
Tags:
Complexity:
Sprint Focus:

Description

When you have more that 50 records on a table inside the list module, a pagination can be shown , which is currently like this one:

This has the following flaws

  • there is a "reload" icon whose purpose is unclear: the user can mistake it for a “Go to” button by entering a page number and press it.
    The actual purpose of the button is to reload the list in case the data shown are not up-to-date with the actual data.
  • Also some users don’t know that they have to press enter to reach the page.
  • the input field works by steps but the arrows are really small

My proposal

  • add a label “Refresh” next to the reload icon
  • de-emphasize it or put it apart to avoid confusion
  • add an explicit “go to” button
  • use a plain input field (only numbers) to enter a page number - the up/down arrows should be removed as they're too small

Here is a mockup:


Files

image.png (10 KB) image.png Riccardo De Contardi, 2023-08-03 13:34
image2.png (51.7 KB) image2.png Riccardo De Contardi, 2023-08-03 13:38

Related issues 1 (0 open1 closed)

Related to TYPO3 Core - Bug #101540: Submitting the page input field in recordlist pagination opens the first page in new windowResolved2023-08-02

Actions
Actions

Also available in: Atom PDF