# Make Button bigger on mouse hover.

**URL:** <https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945>\
**Category:** Blueprint\
**Tags:** unreal-engine\
**Created:** [September 6, 2015, 6:21pm UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945 "2015-09-06T18:21:43Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![anonymous\_user\_19816706](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_19816706](https://forums.unrealengine.com/u/anonymous_user_19816706)\
**Post date:** [September 6, 2015, 6:21pm UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945/1 "2015-09-06T18:21:43Z")

</div>

How to make Button in Widget bigger on mouse hover in BluePrints ?

---

<div class="post-metadata">

**Author:** ![JaredTherriault](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/jaredtherriault/32/1194499_2.png) [@JaredTherriault](https://forums.unrealengine.com/u/JaredTherriault)\
**Post date:** [September 6, 2015, 11:06pm UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945/2 "2015-09-06T23:06:00Z")

</div>

On that widget’s Tick, check to see if isHovered is true. If it is, set its Render Transform Scale to be something like 1.25 or whatever value you feel works best. If the widget’s isHovered is false, you can set it back to 1.0. You can use a DoOnce before setting the Render Transform Scale to keep from constantly setting the scale every Tick and save yourself a little overhead. Reset the opposite do once after setting the Render Transform Scale.

I haven’t played around with 4.9 yet, so I’m not sure if there’s a better way to do this already, but this is how I would do it in 4.8 or under.

---

<div class="post-metadata">

**Author:** ![Slavq](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Slavq](https://forums.unrealengine.com/u/Slavq)\
**Post date:** [September 6, 2015, 11:41pm UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945/3 "2015-09-06T23:41:04Z")

</div>

Imho making an animation inside UMG Editor and playing it while on mouse hover is the way to go + you can easily add e.g. transition or some other effects when OnHover. Then, play it in reverse when cursor leaves your button.

---

<div class="post-metadata">

**Author:** ![JaredTherriault](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/jaredtherriault/32/1194499_2.png) [@JaredTherriault](https://forums.unrealengine.com/u/JaredTherriault)\
**Post date:** [September 7, 2015, 1:08am UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945/4 "2015-09-07T01:08:33Z")

</div>

Yes, that sounds much better than Ticking. When did On Mouse Enter become overrideable? Haha

---

<div class="post-metadata">

**Author:** ![NickDarnell](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@NickDarnell](https://forums.unrealengine.com/u/NickDarnell)\
**Post date:** [September 7, 2015, 1:10am UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945/5 "2015-09-07T01:10:17Z")

</div>

Since always 🙂

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_19816706](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_19816706](https://forums.unrealengine.com/u/anonymous_user_19816706)\
**Post date:** [September 7, 2015, 9:21am UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945/6 "2015-09-07T09:21:13Z")

</div>

Ok guys, thanks for your help 🙂 !

---

<div class="post-metadata">

**Author:** ![JaredTherriault](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/jaredtherriault/32/1194499_2.png) [@JaredTherriault](https://forums.unrealengine.com/u/JaredTherriault)\
**Post date:** [September 7, 2015, 2:56pm UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945/7 "2015-09-07T14:56:55Z")

</div>

> [@NickDarnell;373395](#):
>
> Since always 🙂

Good gravy, I can’t believe I’ve missed that for this long. It’s like my brain blocked out that section of the overrideable functions every single time I’ve opened it before today.

I’ve got some projects to optimize…

---

<div class="post-metadata">

**Author:** ![JaredTherriault](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/jaredtherriault/32/1194499_2.png) [@JaredTherriault](https://forums.unrealengine.com/u/JaredTherriault)\
**Post date:** [December 5, 2024, 10:15pm UTC](https://forums.unrealengine.com/t/make-button-bigger-on-mouse-hover/40945/9 "2024-12-05T22:15:18Z")

</div>

[UMG Animations](https://dev.epicgames.com/documentation/en-us/unreal-engine/animating-umg-widgets-in-unreal-engine) or something like [iTween](https://forums.unrealengine.com/t/open-beta-procedural-on-the-fly-animation-in-ue4-itween/10472).
