/
Tutorial - Pager 1.0 Migration

This space is an archive space for documentation related to old versions of Fluid Infusion (i.e. versions before 1.3). For documentation related to the latest Infusion, see Infusion Documentation.

Tutorial - Pager 1.0 Migration

This page will walk you through the process of upgrading your existing 0.8 Pager implementation to the new 1.0 version. This tutorial assumes that

  • you are already familiar with HTML, Javascript and CSS
  • you are familiar with what Pager is and does
  • you have an existing implementation of Pager that worked with the 0.8 Infusion release.
  • you are using the default classes

Location Changes

With the directory restructuring comes the need to update your paths to our files.

If you use...

The new path is...

../../fluid-components/js/fluid/Pager.js

../../components/pager/js/Pager.js

../../fluid-components/css/fluid.components.pagers.css

../../components/pager/css/Pager.css

On this Page
Unable to render {include} The included page could not be found.

Class Name Changes

For consistency, all classes used as selectors have been given an "flc-" prefix, and ones used for styling have an "fl-" prefix.

Selection

New

Old

.flc-pager-links

.pager.links

.flc-pager-pageLink

.page-link

.flc-pager-pageLink-skip

.page-link-skip

.flc-pager-pageLink-disabled

.page-link-disabled

.flc-pager-previous

.previous

.flc-pager-next

.next

.flc-pager-top

.pager-top

.flc-pager-bottom

.pager-bottom

.flc-pager-summary

.pager-summary

.flc-pager-page-size

.pager-page-size

.flc-pager-sort-header

th

Styles Changed Programatically

New

Old

.fl-pager-currentPage

.current-page

.fl-pager-disabled

.disabled

.fl-pager-tooltip

.pager-tooltip

.fl-pager-asc

.fl-asc

.fl-pager-desc

.fl-desc

Other Styles Used by Pager

Added

.fl-pager

.fl-pager-current

.fl-pager-data

.fl-pager-links

.fl-pager-ui