Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Section
borderfalse
Column
width65%
Warning
titleThis Design is Still In Progress

These designs are still a work in progress, and are actively being worked on. While discussion and comments are welcome, please treat this material as such.

What problem are we solving?

Allow Panel
borderColor#42773F
bgColor#F4F7F2
borderStylesolid
Section
Column

Image Added

Column

Pager

Excerpt

The Pager allows users to break up long lists of items into separate pages.

 

They

should be able to decide if

may decide whether or not they want paging, and how many results are displayed per page.

Currently in Sakai:

Sakai has page navigation called "List Navigator UI Component" in the Sakai style guide.  The default for how many items to show on a page varies.  How many makes sense depends on context, how many total items, what type of items, etc.  The idea here is to make this navigator remember the users last setting (across sessions).  That way they set if for what makes sense given the current situation and it is persistent.  As things change for them they simply change the setting to meet current needs and again it's persistent until they need to change it again.  Currently this is a "one size fits all" default and many users have to change it every time they visit a particular page.

Who are we designing for?

Persona goes here.

What needs are we meeting?

Functional Requirements - Use Cases

Features

  • Allow users to change the number of items shown per page
  • Allow users to jump to the first, last, and the "middle" pages easily
  • Allow users to jump to an item or a certain set of records (e.g. students with a last name starting with "G")
  • Allow users to sort the list
  • Allow users to filter and view a sub-set of the list
  • Minimize screen real estate taken up
    • Be aware of the length of list and do not display widget when there is only one page
    • Show users how many items there are and where they are in the list (i.e. viewing 11 - 20 of 2,356)
    • Remember users' paging settings and save it across visits to the site
    Section
    Column
    width65%
    Include Page
    Progress Indicator - Pager
    Progress Indicator - Pager
    Column
    width35%
    toc
    Panel
    borderColor#321137
    bgColor#fff
    titleBGColor#c1b7c3#aab597
    titleborderStyleTable of Contentssolid
    borderStyletitlesolid
    Status

    This component is in Preview status

    Panel
    borderColor#566b30#848484
    bgColor#fff#EFEFEF
    titleBGColor#D3E3C4titleRelated Links#CCCCCC
    borderStylesolid
    contentbylabel

    Design

    pagerpager
    showLabelsfalse
    maxResults20
    showSpacefalse
    cqllabel = "pager"

    How are we meeting the needs?

    Current Wireframes

    Image Removed

    ... See Pager Design Iteration 

    Design Working Pages

    Discussions and Open-ended Questions

    ...

    Integration

    Demos

    Latest Stable Release (v1.2)

    Nightly Build