Widget Buttons Swipe to Right in Game

Development Programming & Scripting
,
1

I dont know much about widgets and its my first time making one. It will be easier to show the issue.
The widget i make

image
image785×569 6.53 KB

Buttons have 0.5 opacity to show where it is i will change it when i fix the issue
The widget in game
image
How can i prevent this?
Also i forgot to add this
image

2

I suggest to break the background image into parts like removing each button image(from digital app like photoshop/krita) and export-apply them as button style image for each button.
This way you will be able to add hover and pressed image effect as well.

3

Yep i will do that but first i thought i should do the blueprint part to see if it works and then i will break it into parts

4

but even after i do that the buttons will still go right in game, how can i prevent that?

5

It should be something similar to this one:

image
image1361×650 83.1 KB

image
image1911×536 110 KB

Both set as Center Anchor. So the background image represent the border and each button contain the button image.
Just make sure your anchor is correct so that everything move along the same direction.