Pagination on Base Toolkit - Version 2.10
Preview this component (Custom Element; v2.3.0; 9/29/2021)
Guidelines using the component
Description
The Illinois theme component il-pagination provides standardized styles for page counting links (First, Previous, a numbered set of pages with the current page highlighted, Next, and Last).
Technical Information
The pagination starts with "1" and generates buttons that goes back to the calling page. It will add a querystring value of "page={page number}". You can add a "param" parameter that will change "page" to a custom parameter (for example, <il-pagiation param="p"> will generate https://xxxxx.illinois.edu/information?p={page number}). For more complex interaction (where the links trigger an in-page process), you may need to build your own component and style it appropriately.
Component Display
Change Your Content and Options
Template -- enter raw HTML here
Important Classes
N/A
Classes
N/A
Attributes
Advanced Options
These options are only to be used in advanced situations -- most of your needs should be met through the attributes and classes, and this breaks the intent of having a unified design.
Custom Style Tag before text
N/A
How to add it to your page
Copy and paste this in your page. Remember
- Make sure you have updated your component to make sure the below code is completed.
- Make sure you have the Header code in your header.
Note that this uses the custom style 'builder-custom'. You may need to change this if you are using multiple versions of this component with different styles.