How to highlight button on another page in Ignition Vision with animation

[piccagli26]

Morning, everybody,

I'm making a template with side buttons to navigate the SCADA using Ignition Vision I would like, when I press a button on the "X" page, the corresponding button on the "Y" page changes color to signal that it has been pressed.

I tried:

event.source.background = system.gui.color(255, 0, 0)

and also with try/except blocks, but I couldn't get the desired result.

Also, I would like to implement something more dynamic than just a static background change: for example an animation when the button is activated, and that also reacts to the hover over the button.

At the moment I am not using tags to manage button status, but an Open/Swap page action.

Can anyone suggest the correct way to handle this behavior in Vision, possibly with smooth animations on the buttons?

Thanks so much in advance!

[robertm]

Read this topic for hover options:

Circle with button hover animation

Hello, I have a template representing a motor. Basically, it's a circle with a "M" inside. The fill colour of the circle is animated using styles. On click of the circle, it opens a popup windows with motor details. All this is working correctly. Now, I would like to add a hover effect on the circle as if it was a button so the user now it is clickable. I have no idea how to do it properly. I have tried playing with the mouseEntered/Exited events but without result. I have also tried to …

For button styles, add a custom property to the button, bind your criteria, and use custom styles to change the color. Don't don't do it with scripts. I have a global menu system for all main windows. Since only one main window can be viewed at a time, I use a client tag integer that holds the value of the current window, bind that to buttons to highlight based on window open.

[pturmel]

Consider using a docked window that holds all of your navigation, so you don't have to sync buttons across windows at all.