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 to:

  1. The entire pager is contained within some kind of container element.
  2. Within that container, there are two 'pager bar' elements, each containing:
    • an element containing page links
    • a 'next' element
    • 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.

...