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

**URL:** <https://forum.inductiveautomation.com/t/how-to-highlight-button-on-another-page-in-ignition-vision-with-animation/111382>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [October 13, 2025, 7:53am UTC](https://forum.inductiveautomation.com/t/how-to-highlight-button-on-another-page-in-ignition-vision-with-animation/111382 "2025-10-13T07:53:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![piccagli26](https://avatars.discourse-cdn.com/v4/letter/p/ecd19e/32.png) [@piccagli26](https://forum.inductiveautomation.com/u/piccagli26)\
**Post date:** [October 13, 2025, 7:53am UTC](https://forum.inductiveautomation.com/t/how-to-highlight-button-on-another-page-in-ignition-vision-with-animation/111382/1 "2025-10-13T07:53:48Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![robertm](https://avatars.discourse-cdn.com/v4/letter/r/ea5d25/32.png) [@robertm](https://forum.inductiveautomation.com/u/robertm)\
**Post date:** [October 13, 2025, 12:17pm UTC](https://forum.inductiveautomation.com/t/how-to-highlight-button-on-another-page-in-ignition-vision-with-animation/111382/2 "2025-10-13T12:17:18Z")

</div>

Read this topic for hover options:

> [@Circle with button hover animation](https://forum.inductiveautomation.com/t/circle-with-button-hover-animation/74901):
>
> 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.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [October 13, 2025, 11:09pm UTC](https://forum.inductiveautomation.com/t/how-to-highlight-button-on-another-page-in-ignition-vision-with-animation/111382/3 "2025-10-13T23:09:03Z")

</div>

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