Perspective Table Dynamic Highlight

Ignition
,
1

Is there a way to dynamically change the highlight color of a Perspective table?
I can change my row color, but when a user hovers over a row it only highlights blue on the columns I have not assigned color to. I think it would look cool if I could have the green rows become a darker green and the orange rows become slightly darker.

image
image941×688 60.3 KB

2

The background colors do seem to overwrite eachother, but you could add a filter instead

try putting this in the advanced stylesheet

.ia_tableComponent__body__row--hovered{
	filter: contrast(2)
}

or

.ia_tableComponent__body__row--hovered{
	filter: brightness(0.5)
}

you'll have to play a bit with the filters till you find something you like,
brightness works pretty good if you use light colors as base

2 Likes
3

Using the advanced stylesheet worked amazingly well! I liked using the contrast one over the brightness.

I did need to make a change for it to work. This is probably due to me not knowing much about the advanced stylesheet or CSS but here is the code that worked for me. I assigned it to the style of the row component.

.psc-TableRowHightlight:hover {
 filter: contrast(1.25)
}

image

2 Likes