Perspective menu tree - style rule elementState with background-image

Ignition
1

Ignition 8.1.8
In a menu Tree, I have some items with background-image like :

linear-gradient(90deg,var(--byes-bg-menu) 0% 90%,  var(--byes-bg-menu) 90.00% 92.00%,  var(--byes-defautCom) 92.00% 94.00%,  var(--byes-bg-menu) 94.00% 96.00%,  var(--byes-bg-menu) 96.00% 98.00%,  var(--byes-bg-menu) 98.00% 100.00%)

and an itemStyle with a style rule for button hover:

image
image989×374 28.3 KB

if the background-image is empty, hover style is well applied, but if the background-image is not empty hover style is not applied (button has not the orange color)

2

is linear-gradient a valid background-image?
could you show me the properties of the tree?

3

background-image:

linear-gradient(90deg, var(--byes-bg-menu) 0% 90%,  var(--byes-bg-menu) 90.00% 92.00%,  var(--byes-defautCom) 92.00% 94.00%,  var(--byes-bg-menu) 94.00% 96.00%,  var(--byes-bg-menu) 96.00% 98.00%,  var(--byes-bg-menu) 98.00% 100.00%)

image
image1462×609 46.7 KB

4

ah yes i see place !important after none

image
image706×229 17.8 KB

1 Like
5

Yes it works, thanks a lot !

6

you could also place the lineargradient into the basestyle instead of as a property, if they will be all the same across the buttons

7

The style is different (and updated by script) for each button, so we can’t.

1 Like