Padding on UIListLayout paired with ScrollingFrame changes as the device gets smaller?

6zk8 · February 2, 2021, 10:46am

So I have a ScrollingFrame with loads of buttons inside. In order to make it look neat, I added a UIListLayout to add some padding.

I have a problem though.

The smaller the device, the smaller the amount of padding is added.

In the following image, the padding is correct.

In this image, where I shrunk my view tab down, the padding goes completely bonkers.

In the last image, the buttons were nearly overlapping each over.

This is what I have in my UIListLayout:

This is what I have in my ScrollingFrame:

I tried looking for fixes but no posts talked about what I was facing. Does someone know how to fix this?

By the way I did use scale for the padding, so I am confused why it is not working.

WhatDid_HeDo · February 2, 2021, 10:49am

if u havent use this then i recommend doing so

heII_ish · February 2, 2021, 10:51am

Change the padding from 0.03, 0 to something like 0, 5

The first value is relative to the whole screen size (1 being the full screen), and the second value is in screen pixels

WhatDid_HeDo · February 2, 2021, 10:51am

didnt need to remove it

WhatDid_HeDo · February 2, 2021, 10:52am

agreed with that too!!

6zk8 · February 2, 2021, 10:52am

It made it worse.

heII_ish · February 2, 2021, 10:53am

Increase it from 5 to 15. Play around with it

ItsMeFelixAccept · February 2, 2021, 10:53am

6zk8 · February 2, 2021, 10:53am

Yeah but since it is in offset mobile devices will experience higher rates of padding.

heII_ish · February 2, 2021, 10:54am

I don’t see how that’s an issue. Can you show what it looks like?

If it doesn’t look right then maybe you should use offset for the Y size of the TextButtons

6zk8 · February 2, 2021, 10:56am

As well as lots of padding, the top and bottom buttons are cut off.

WhatDid_HeDo · February 2, 2021, 10:56am

have you tried the plugin??? i mean this

6zk8 · February 2, 2021, 10:57am

I know about the plugin, but I don’t like using plugins in terms of UI work.

WhatDid_HeDo · February 2, 2021, 10:57am

hmm interesting, but i dont know any fix to it exept for that

WhatDid_HeDo · February 2, 2021, 10:58am

i reccomend watching this video!!

heII_ish · February 2, 2021, 10:58am

Use scale for the Y size of Frame2? So it scales with the device screen Y size

If you want the buttons to always fit then you should write some kind of code for rounding the size of the frame so they always fit perfectly

WhatDid_HeDo · February 2, 2021, 10:59am

hmm, yeah i kinda agree indeed

6zk8 · February 2, 2021, 10:59am

I already know about scale and offset.

I don’t think you understand my point.

WhatDid_HeDo · February 2, 2021, 11:00am

yeah yeah, but can u show me whats ur current offset? im not into ui design much but im trying my best to help!!

6zk8 · February 2, 2021, 11:01am

yeah yeah, but can u show me whats ur current offset? im not into ui design much but im trying my best to help!!

I agree. I am bad at UI design too.