Actions
Feature #101549
openEpic #98593: [UX] - Clear standards
Improve pagination of tables inside list module.
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
Actions