Pager Component
Intended audience: ADMINISTRATORS DEVELOPERS
AO Platform: 3.5
Overview
This topic describes the style configurations for Pager Component.
Variable Names
--vux-pager-500
CSS Variable Name | --vux-pager-500 |
|---|---|
Light |  |
Dark |  |
Description
Used for Pager item text, prev,next, first & last angle arrow colors
Examples
.webix_pager_item text color
.webix_input_icon.angle-arrow-down icon color
--vux-pager-300
CSS Variable Name | --vux-pager-300 |
|---|---|
Light |  |
Dark |  |
Description
Used for Pager results text color & records change input, combo text color
Examples
.records_count b text color
.webix_el_text.borderless > .webix_el_box > input text color
--vux-pager-bg
CSS Variable Name | --vux-pager-bg |
|---|---|
Light | |
Dark | |
Description
Used for Pager item default background color
Examples
webix_pager_item background color
--vux-pager-border
CSS Variable Name | --vux-pager-border |
|---|---|
Light |  |
Dark |  |
Description
Used for Pager Item border color
Examples
.webix_pager_item border -color
--vux-pager-selected-bg
CSS Variable Name | --vux-pager-selected-bg |
|---|---|
Light |  |
Dark |  |
Description
Used for Pager Item Selected background color
Examples
.webix_pager_item_selected background color & border -color
--vux-pager-selected-text
CSS Variable Name | --vux-pager-selected-text |
|---|---|
Light |  |
Dark |  |
Description
Used for Pager Item selected & selected hover on text color
Examples
.webix_pager_item_selected on text color
.webix_pager_item_selected:hover on text color
--vux-pager-hover-bg
CSS Variable Name | --vux-pager-hover-bg |
|---|---|
Light |  |
Dark |  |
Description
Used for Pager item on hover background color
Examples
.webix_pager_item on hover background color
--vux-pager-hover-text
CSS Variable Name | --vux-pager-hover-text |
|---|---|
Light |  |
Dark |  |
Description
Used for Pager item selected on hover background color
Examples
.webix_pager_item_selected on hover background color
