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
Is this still the rule/code for changing the page number color? I have copy and pasted this code directly into my style sheet and updated the # with the color that I want to use, but am not seeing any change on my tables.
Have you closed your View and re-opened it? Designer Views do not currently pick up changes to CSS files until the View is "refreshed".
1 Like
Restarting the designer seemed to help it refresh. Thanks!
A Designer restart shouldn't be required; it should be enough to close the specific Perspective View which has the Table, and then re-open that View. Requiring the View be re-opened is a known "bug". If you find that you need to restart the Designer, something else is going on.
It may have been a coincidence. I fully closed the designer for other purposes planning to come back and look further later, and it was updated when I reopened.
1 Like