How do I prevent UI buttons from appearing outside of the box?

I have created UI buttons for my entertainment screen. However whenever I click the “Next” button which will tween the buttons off from the screen, it somehow appears outside the box. I would only like the buttons to appear in the box only and when the “Next” button is clicked, the buttons should disappear when it moves out of the box.

I have tried messing with the ZIndex bit of properties but the button seems to disappear inside the box and appears outside the box which I don’t want. I’m unsure if this requires scripting or messing with the Zindex.

What should I do to prevent buttons appearing out of the box when I click the “Next” button?
https://gyazo.com/cf46e3a656307918df27799d15b40d27

1 Like

As long the buttons/assets are inside of the Frame that have ClipsDescendant enabled, it will works like a mask [Zone Visible]
image

Take in mind it does not support objects in rotations except 1/4 Rotations (0°,90°,180° & 270°)

1 Like

Ah! Didn’t realise I had to use ClipDescendants! Thank you! :smiley:
https://gyazo.com/1b5d94cbbae796b300287fbca5cbd464

1 Like