# Highlight button on mouseover

**URL:** <https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946>\
**Category:** Ignition\
**Tags:** ignition79, vision\
**Created:** [July 22, 2020, 2:26pm UTC](https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946 "2020-07-22T14:26:40Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![d.iannozzi](https://avatars.discourse-cdn.com/v4/letter/d/ecd19e/32.png) [@d.iannozzi](https://forum.inductiveautomation.com/u/d.iannozzi)\
**Post date:** [July 22, 2020, 2:26pm UTC](https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946/1 "2020-07-22T14:26:40Z")

</div>

Hi everyone  
I was wondering if it is possible to change the outline property of a button if the mouse moves over it.  
I have tried the script on ‘mousemotion \> mousemoved’ but of course I cannot get the original outline of the button back when the mouse moves away.

Thanks in advance,  
Dominic

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [July 22, 2020, 2:39pm UTC](https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946/2 "2020-07-22T14:39:59Z")

</div>

Are you using Perspective, or Vision?

---

<div class="post-metadata">

**Author:** ![d.iannozzi](https://avatars.discourse-cdn.com/v4/letter/d/ecd19e/32.png) [@d.iannozzi](https://forum.inductiveautomation.com/u/d.iannozzi)\
**Post date:** [July 22, 2020, 2:41pm UTC](https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946/3 "2020-07-22T14:41:07Z")

</div>

Vision…ver.7.9.9

---

<div class="post-metadata">

**Author:** ![bpreston](https://avatars.discourse-cdn.com/v4/letter/b/4af34b/32.png) [@bpreston](https://forum.inductiveautomation.com/u/bpreston)\
**Post date:** [July 22, 2020, 2:41pm UTC](https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946/4 "2020-07-22T14:41:10Z")

</div>

What are you trying to change with it? I only have a 7.9 system in front of me right now but in there, there is a behavior property for the buttons with ‘Rollover’ as one of the functions. This has it give a light highlight on the button when your over it. If you want to do your own you should be able to use the mouse\>mouseEntered and mouse\>mouseExited functions to set a property however you would like.

---

<div class="post-metadata">

**Author:** ![d.iannozzi](https://avatars.discourse-cdn.com/v4/letter/d/ecd19e/32.png) [@d.iannozzi](https://forum.inductiveautomation.com/u/d.iannozzi)\
**Post date:** [July 22, 2020, 2:44pm UTC](https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946/5 "2020-07-22T14:44:06Z")

</div>

Hi…  
The mouseEntered / mouseExited fire when I click the mousebutton…my goal is to highlight the outline of the buttons because they are on a white background, which I cannot change.

---

<div class="post-metadata">

**Author:** ![bpreston](https://avatars.discourse-cdn.com/v4/letter/b/4af34b/32.png) [@bpreston](https://forum.inductiveautomation.com/u/bpreston)\
**Post date:** [July 22, 2020, 2:47pm UTC](https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946/6 "2020-07-22T14:47:04Z")

</div>

No, the description states mouseEntered “This event fires when the mouse enters the space over the source component”. mouseExited “This event fires when the mouse leaves the space over the source component” Even testing it real quick, it has nothing to do with a mouse click. It just deals with the mouse moving into the area of the button and leaving the area of the button.

---

<div class="post-metadata">

**Author:** ![d.iannozzi](https://avatars.discourse-cdn.com/v4/letter/d/ecd19e/32.png) [@d.iannozzi](https://forum.inductiveautomation.com/u/d.iannozzi)\
**Post date:** [July 22, 2020, 2:52pm UTC](https://forum.inductiveautomation.com/t/highlight-button-on-mouseover/36946/7 "2020-07-22T14:52:29Z")

</div>

yikes ! it does work…  
I am sorry about that!..late afternoon 🙂

Thanks and regards  
Dominic
