Image Button/Viewport Frame only half showing

This is my first forum post, so here goes nothing. I’m attempting to make a pets menu. I suck at scripting and UI design right now so I’m following a tutorial. The issue is that my image button and my viewport frame are only about half showing when they should be completely showing. They are too high on the frame and I have no idea what to do. I’ve tried looking at and messing with the properties of everything, but nothing seems to help. I wasn’t sure how to word this to look it up on the dev hub, dev forum, or google, so I decided to make this post. Thanks for any help anyone can provide!

I can send more pictures if needed.

I think you should use offset and not scale. I’ve googled this a lot and sadly this is the only answer I came up with.

Get rid of the background on the text that says inventory?

That’s already done, although it does look like it’s not transparent. Thank you for your reply though!

I think it might have to do with the scrolling frame. Is it scrolled up all the way?

1 Like

The issue there is that the image button doesn’t move with the viewport frame. If I try to offset the viewport frame it doesn’t move at all because it is overridden by the UI grid layout. Thank you for taking the time to research this and reply though!

I think you need to select them both then drag.

I’ve never worked with scrolling frames before, only frame. I didn’t realize you could scroll them while editing them. That was the issue. I spent the last hour of my life trying to figure that out. Thanks you for your help!

1 Like