GRAFFITIPAGINATION - GRAFFITISUITE DOCS

# GraffitiPagination Class Inherits GraffitiUIControl ## 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 ![](https://graffitisuite.com/wp-content/uploads/2023/07/mobile_pagination3-1024x122.png) ![](https://graffitisuite.com/wp-content/uploads/2023/07/mobile_pagination2-1024x140.png) ![](https://graffitisuite.com/wp-content/uploads/2023/07/mobile_pagination1-1024x130.png) Previous Next ## Compatibility ### Framework API Version | 1.0 | 2.0 | | :---: | :---: | | False | True | ### Console | 32-Bit | 64-Bit | | :---: | :---: | | True | True | ### Desktop | 32-Bit | 64-Bit | | :---: | :---: | | True | True | ### iOS | 32-Bit | 64-Bit | | :---: | :---: | | False | True | ### Web | 32-Bit | 64-Bit | | :---: | :---: | | True | True | ## Event Definitions | Name | Parameters | Return Type | Description | | --- | :---: | :---: | --- | | Changed | (None) | (None) | Raised when the Value of the component has changed. | ## Properties | Name | Type | Default Value | Description | | --- | :---: | :---: | --- | | BackgroundColor | ColorGroup | Nil | Color applied to the background of the component. | | BorderColor | ColorGroup | Nil | Color applied to the border of the component. | | BorderRadius | Integer | Nil | Corner radius applied to the component's display area. | | ButtonFirstBGColor | ColorGroup | Nil | Background color of the First Page button. | | ButtonFirstBGColorPressed | ColorGroup | Nil | First button background color when pressed. | | ButtonFirstForeColor | ColorGroup | Nil | First button foreground color. | | ButtonFirstForeColorPressed | ColorGroup | Nil | First button foreground color when pressed. | | ButtonLastBGColor | ColorGroup | Nil | Last button background color. | | ButtonLastBGColorPressed | ColorGroup | Nil | Last button background color when pressed. | | ButtonLastForeColor | ColorGroup | Nil | Last button foreground color. | | ButtonLastForeColorPressed | ColorGroup | Nil | Last button foreground color when pressed. | | ButtonNextBGColor | ColorGroup | Nil | Next button background color. | | ButtonNextBGColorPressed | ColorGroup | Nil | Next button background color when pressed. | | ButtonNextForeColor | ColorGroup | Nil | Next button foreground color. | | ButtonNextForeColorPressed | ColorGroup | Nil | Next button foreground color when pressed. | | ButtonPreviousBGColor | ColorGroup | Nil | Previous button background color. | | ButtonPreviousBGColorPressed | ColorGroup | Nil | Previous button background color when pressed. | | ButtonPreviousForeColor | ColorGroup | Nil | Previous button foreground color. | | ButtonPreviousForeColorPressed | ColorGroup | Nil | Previous button foreground color when pressed. | | CurrentPage | Integer | Nil | Currently selected page button. | | FontSize | Double | Nil | Size applied to text of all elements. | | NumberOfPages | Integer | Nil | Total number of pages to display. | | PageBGColor | ColorGroup | Nil | Background color of Page # buttons. | | PageBGColorPressed | ColorGroup | Nil | Page button background color when pressed. | | PageBGColorSelected | ColorGroup | Nil | Page button background color when selected. | | PageTextColor | ColorGroup | Nil | Color applied to Page # button text. | | PageTextColorPressed | ColorGroup | Nil | Page button text color when pressed. | | PageTextColorSelected | ColorGroup | Nil | Page button text color when selected. | | TextStyle | GraffitiUIControl.FontStyles | Nil | FontStyle applied to all elements | | TextStyleSelected | GraffitiUIControl.FontStyles | Nil | FontStyle applied to selected element. | | VisiblePages | Integer | Nil | Number of page buttons that are visible at any given time. |