Story Card 1 (FLUID-702): Display a list of page-links
- Display a list of page numbers as links
- Display the current page as a read-only text not as a link
- Don't show page links if the total number of items in the list is less than the number of items shown per page.
Story Card 2: Allow users to change the number of items shown per page
- See wireframes & storyboard
- Dropdown choices: 10, 20, 50, 100, 200, show all items. Only show choices that are relevant to the data set (i.e. if only 27 items, then the 50, 100, 200 choices don't display). "Show all items" should be configurable. Some contexts will suffer too much in performance so they won't want to allow users this option.
- Don't show the dropdown if there are 10 or less items on the page.
- Save user's choice of how many items to show per page across sessions.
Story Card 3: Display page-link scale to users
- See wireframe & storyboards
- For page numbers greater or equal to 3, display the page the current page, and the 2 pages previous to the page, and the 2 pages next to the page.
- Display as many page-links as can be displayed in one line
- [fluid:Rules for the Mid-range Display]
Story Card 4: Allow users to jump to the first and last pages easily
- See wireframe & storyboards
- Always display the page link for the first page
- Display "(last)" after the last page number
- Clicking on the links take the user the respective pages
Story Card 5: Display previous / next links at the end of the page-link series
- See wireframes
- Links take user to respective page
- Page-links dynamically update based on rule around the page-link scale (story card 2)
- "< previous" and "next >" links should be greyed-out and read-only when there are no previous and next pages respectively
Story Card 6: When the user mouses-over a page-link, display the metadata (which the dataset is sorted by - i.e. if sorted on date, the dates display) in alt-text of first and last items in the page
- See wireframes and storyboards
- Insert formats for most likely metadata types (names, dates, email addresses, relevance, numerics (i.e. user IDs), file size, file type).
Story Card 7: Show users how many items there are and where they are in the list (i.e. viewing 11 - 20 of 2,356 items)
- See wireframes
H2. Story Card 8: Sorting & Finding