How do i extend my scrolling frame?

Help and Feedback Art Design Support
#1

I wanna extend my scrolling frame but when i do it stretches the gui inside like this:

Regular Gui:

Yes1
Yes1369×502 19.7 KB

Stretched/Extended scrolling gui:

Yes1
Yes1366×505 19.2 KB

Please let me know how to fix this thanks!

#2

You want to change the CanvasSize, it basically makes the frame longer when scrolling.

1 Like
#3

Thats what i did in the second picture and it stretched the gui that was inside

#4

Did you try to resize the single labels manually? You could use gui modifier to keep the correct size, I will reply tomorrow with a better possibly solution became for me it’s late now

1 Like
#5

Its very tedious to resize them and move them back manually as i have alot of them.

#6

Try to use LystLayout it allows you to set a size for each button and a distance between them

1 Like
#7

In the scrolling gui right? Also it kinda works but not really i need the canvas size to be scale of 5 but when i do that everything gets really seperated and the size gets big and stuff.

#8

In the scrolling frame, yes. You must change the labels’ size in the List Layout properties and also the distance

1 Like
#9

Theres no scale option only distance for the list layout

#10

The scale option is the CellsSize one

1 Like
#11

Theres no CellsSize thing
image

#12

It’s a property of List Layout.

1 Like
#13

I dont see it
Yes1

#14

Sorry, I forgot it wasn’t a property of List Layout, I will reply tomorrow since I’m very tyred now so I could say some other false things!

1 Like
#15

guess CanvaSize and use UiListLayout with labels

1 Like
#16

It doesnt work ive tried it already

#17

If you want to have AutomaticCanvasSize or whatever the frames that are inside the scrollingframe will have to have an offset size for y in order to have it stay the same size. The UI elements are getting stretched because the ScrollingFrame is also getting stretched essentially.

1 Like
#18

So how do i fix this exactly? (30)

#19

Alright, so the problem as i think is caused by the objects to be in scale size and so they get stretched, you need to use AspectRatioConstraint, there is actually a plugin that makes it adjusted for your situation, you basically select the buttons and then activate the plugin:

image

Once you do it you can turn the size of the button in scale, you can use this plugin:

image

Each plugin is contained in the one i linked.

6 Likes
#20

Worked! I just had to move them into the right place it didnt stretch so thanks!

1 Like