Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
Column
width60%
Info

This documentation refers to the latest trunk version of the Pager code.

Pager Overview

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

Markup assumptions

Unlike many other Fluid Components, the Pager makes certain assumptions about the structure of the HTML markup it is applied tocurrent version of the Pager is entirely mark-up driven. This means that the Pager component itself doesn't create or provide any markup - you have to provide it yourself.

The Pager requires certain minimum markup from you:

  1. The entire pager is must be contained within some kind of a container element.
  2. Within that container, there are one or two 'pager bar' elements, each containing:
    • an element containing any number of page links
    • optionally, a 'next' element and a 'previous' element

The Pager uses CSS selectors to access these various components. Default selectors are assumed, which can be overriden (see #options below).

Column
Panel
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
titleOn This Page
borderStylesolid
Table of Contents
minLevel2
maxLevel5
Panel
borderColor#321137
bgColor#fff
titleBGColor#c1b7c3
titleSee Also
borderStylesolid
Panel
borderColor#321137
bgColor#fff
titleBGColor#cccccc
titleStill need help?
borderStylesolid

Join the fluid-talk mailing list and ask your questions there.

...