Scaled UI animated elements not showing above other elements

Unity Engine
1

I have multiple buttons that are animated next to each other. on mouse over triggers a scale animation but when a button animates it is under the other buttons, like a layer in photoshop, it is scaling to a larger size but the other buttons are covering up part of the expanded button when it scales to a bigger size. How do I make the current button that is animating to a larger scale be the “first layer?” or dominate layer…

2

All UI elements follow a center rule. This includes buttons, text, inputfields, etc. This rule is the last one in the hierarchy is on top.

So if you have

parent
-button1
-button2
-button3

Then button 3 will be on top of 2 and 2 on top of 1 if you moved them stacked.

What you can do is set the button you are scaling to the last sibling.

This will do just that and put it in front.

1 Like
3

Thank you a ton!