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

1. .webix_pager_item text color

2. .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

1. .records_count b text color

2. .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

1. webix_pager_item background color

   

--vux-pager-border

CSS Variable Name	--vux-pager-border
Light
Dark

Description

Used for Pager Item border color

Examples

1. .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

1. .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

1. .webix_pager_item_selected on text color

2. .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

1. .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

1. .webix_pager_item_selected on hover background color

   

Contact App Orchid | Disclaimer