How to change table pager number color?

How can I change the color of the page number in the table highlighted below? I haven't been able to figure it out...

We don't expose the style for such small pieces of UI through props. If you're using 8.1.22 or newer, you can modify the stylesheet.css resource available as an advanced feature of Perspective Styles (right-click the Styles directory within Perspective and then select Enable Advanced Stylesheet) with the following rule:

div.ia_pager__page--active {
	background: #FF0000;
}

Update the value of background to be whatever color you want. If you're using a version earlier than 8.1.22, you'll need to apply this rule to your own custom theme files.

Note that this rule will be applied to all pagers (top and bottom) in all tables (Table, Alarm Status Table, Alarm Journal Table). If you need something more specific, you'll want to modify the locator in use.

1 Like