# GraffitiPagination
Class Inherits GraffitiSuite.BaseCanvas
## About
GraffitiPagination is a theme-aware pagination component. Designed to make traversing large lists of items easier for users with beautiful hover cues and native coloring on any target.
## Preview
Previous
Next
## Compatibility
### Framework API Version
| 1.0 | 2.0 |
| :---: | :---: |
| True | True |
### Desktop
| 32-Bit | 64-Bit |
| :---: | :---: |
| True | True |
## Attributes
| Name | Value |
| --- | --- |
| DefaultEvent | "Change" |
## Event Definitions
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| Change | (None) | (None) | Raised when the Value of the component has changed. |
## Properties
| Name | Type | Default Value | Description |
| --- | :---: | :---: | --- |
| BackgroundColor | Color | (None) | Color applied to the background of the component. |
| BorderColor | Color | (None) | Color applied to the border of the component. |
| BorderRadius | Integer | (None) | Corner radius applied to the component's display area. |
| ButtonFirstBGColor | Color | (None) | Background color of the First Page button. |
| ButtonFirstBGColorHover | Color | (None) | First button background color when hovered. |
| ButtonFirstForeColor | Color | (None) | First button foreground color. |
| ButtonFirstForeColorHover | Color | (None) | First button foreground color when hovered. |
| ButtonLastBGColor | Color | (None) | Last button background color. |
| ButtonLastBGColorHover | Color | (None) | Last button background color when hovered. |
| ButtonLastForeColor | Color | (None) | Last button foreground color. |
| ButtonLastForeColorHover | Color | (None) | Last button foreground color when hovered. |
| ButtonNextBGColor | Color | (None) | Next button background color. |
| ButtonNextBGColorHover | Color | (None) | Next button background color when hovered. |
| ButtonNextForeColor | Color | (None) | Next button foreground color. |
| ButtonNextForeColorHover | Color | (None) | Next button foreground color when hovered. |
| ButtonPreviousBGColor | Color | (None) | Previous button background color. |
| ButtonPreviousBGColorHover | Color | (None) | Previous button background color when hovered. |
| ButtonPreviousForeColor | Color | (None) | Previous button foreground color. |
| ButtonPreviousForeColorHover | Color | (None) | Previous button foreground color when hovered. |
| CurrentPage | Integer | (None) | Currently selected page button. |
| NumberOfPages | Integer | (None) | Total number of pages to display. |
| PageBGColor | Color | (None) | Background color of Page # buttons. |
| PageBGColorHover | Color | (None) | Page button background color when hovered. |
| PageBGColorSelected | Color | (None) | Page button background color when selected. |
| PageTextBold | Boolean | (None) | Font weight of Page # button text. |
| PageTextBoldHover | Boolean | (None) | Page button text font weight when hovered. |
| PageTextBoldSelected | Boolean | (None) | Page button text font weight when selected. |
| PageTextColor | Color | (None) | Color applied to Page # button text. |
| PageTextColorHover | Color | (None) | Page button text color when hovered. |
| PageTextColorSelected | Color | (None) | Page button text color when selected. |
| PageTextFont | String | (None) | Font face applied to Page # button text. |
| PageTextFontHover | String | (None) | Page button text font when hovered. |
| PageTextFontSelected | String | (None) | Page button text font when selected. |
| PageTextItalic | Boolean | (None) | When True, Page # button text will be italicized. |
| PageTextItalicHover | Boolean | (None) | Page button text italic when hovered. |
| PageTextItalicSelected | Boolean | (None) | Page button text italic when selected. |
| PageTextSize | Integer | (None) | Font size applied to Page # button text. |
| PageTextSizeHover | Integer | (None) | Page button text size when hovered. |
| PageTextSizeSelected | Integer | (None) | Page button text size when selected. |
| PageTextUnderline | Boolean | (None) | When True, Page # button text will be underlined. |
| PageTextUnderlineHover | Boolean | (None) | Page button text underline when hovered. |
| PageTextUnderlineSelected | Boolean | (None) | Page button text underline when selected. |
| SystemStyle | Boolean | (None) | When False, the component will be drawn using the custom color properties. |
| VisiblePages | Integer | (None) | Number of page buttons that are visible at any given time. |
