Component: Pagination 1.0

This builder will allow you to generate a custom version of the Pagination component.

The component will show up in between the pink lines below. The pink lines will not show up in production -- they are only used to allow you to view margins and paddings. In the case of specialized components (things that are meant to be invisible or have a fixed location), the component may not display in this area.

Template -- enter raw HTML here

Samples:

Enter raw HTML here

Attributes, Classes, and CSS Variables

hidepagecount (attribute)

Boolean value to hide the *page x of y* value

zerostart (attribute)

Boolean value to determine if the page counting starts at 0 (this is a Drupal default)

label (text attribute)

the label used for this page counter. Defaults to *Page List*.

pages (text attribute)

Number only, the number of pages in the list

page (text attribute)

Number only, the current page. If left blank, defaults to 1

parameter (text attribute)

the querystring parameter used to build the link, defaults to 'page'. Note that if you change this, it will also change the 'page' parameter appropriately

Custom CSS Variables and Styles (advanced use only)

Parent style:

HTML listed here

This parent has a style of that is not figured into the source HTML. You can change this by opening the Custom CSS Variables and Styles and editing the parent style.

Details

This component provides standardized styles for page counting links (First, Previous, a numbered set of pages with the current page highlighted, Next, and Last)

Full Version: 1.0.0

Type: web component

Date Created: 10/22/2024

Version notes:

Github repository: https://github.com/web-illinois/ilw-pagination/

Javascript file: https://cdn.toolkit.illinois.edu/ilw-pagination/1.0.0/ilw-pagination.js

CSS file: https://cdn.toolkit.illinois.edu/ilw-pagination/1.0.0/ilw-pagination.css

JSON information: ilw-pagination.1.0.json