ScrollingFrame stops and Items won't be displayed

Help and Feedback Game Design Support
1

Hello, I’ve recently started to work a lot more with GUIs and tried to use a ScrollingFrame to display Items/Badges. Sadly after a few rows of items, the Scroll Bar just stops and the rest of the items wont be displayed anymore…

image

image

2

image
image387×508 7.97 KB

image

3

If you do not mind may I please see a short video of what is acctually happening?

4

im trying to record it, it doesnt let me for some weird reason

5

well i will try to explain it . I have around 60 Badges / Items i am trying to display and the ScrollingFrame is not letting me scroll all the way down so i could see all of the items

6

Just to give you a heads-up, you don’t need to make a new topic if you want it in a different category. You can change that on the post.

Also this probably was better suited in its original category of scripting support. Posting the exact same thing in a less suited category won’t help to provide the answer.

If the scrollbar stops it’s entirely to do with your CanvasSize property, which you conveniently didn’t include for some reason?

1 Like
7

oh im sorry i am very new to Roblox Developer Forum and also to scripting in Roblox Studio ahhh … if the CanvasSize was supposed to be in the local script i do not have that then

8

Try making the badges smaller.
Example: You have 2 on a row make it small so you can fit 3
I think its because you made the frame too long that it just does not work.

1 Like
9

You will have to adjust the CanvasSize of the ScrollingFrame according to the AbsoluteContentSize of the UIGridLayout.

For example:

   gridLayout:GetPropertyChangedSignal(“AbsoluteContentSize”):connect(function()
    scrollingFrame.CanvasSize = UDim2.new(1,0,0,gridLayout.AbsoluteContentSize.Y) 
 end)
1 Like
10

Change the references as appropriate:

UIGridLayout:GetPropertyChangedSignal( 'AbsoluteContentSize' ):Connect( function ()
    ScrollingFrame.CanvasSize = UDim2.new( 0, 0, 0, UIGridLayout.AbsoluteContentSize.Y )
end )

Edit: I got ninja’d. That happens when you write code on a smartphone :pensive:

1 Like
11

ah i think it works now. Thank you so much everyone. I am more than thankful for this solution, i’ve been trying to fix it for the past 3 hours now.

1 Like