UI Scaling Problem

Hello!

Im trying to scale and position the UI for all Devices, however that does not seem to work

This is how its supposed to look:


and this is how it looks like on an iphone 14
image

Here are the properties of the white bar


Here is the properties of the logo

I’ve tried using both Scale and Offset, or only using offset or scale. none worked

3 Likes

Use a UIListLayout and make it horizontal. This will automatically, properly scale everything.

1 Like

image
yeah but what about this?

1 Like

What do you mean by that? Can you explain more?

1 Like

I want the logo to not to collide with the White Frame.

1 Like

Yeah so I told you to use a UIListLayout. Have you tried that?

1 Like

image
the white frame and logo are supposed to be seperate.

1 Like

So adjust the padding of the UIListLayout then?

1 Like

image
okay so this is the reference image.
The buttons are supposed to be close to the logo, no padding change. i just want the logo to stay in the same position as it is on a pc without it colliding into the white bar.

1 Like

Ohhhhh okay I got it now. I was heavily misunderstanding this at first. It’s weird though because when I tested it didn’t occur for me.

Maybe just remove the offset for the size?

1 Like

offset for which? the topbar or the logo? when i use scale it won’t stay the same for all devices and will look weird.

The logo uses aspectratioconstraint
image

1 Like

P:S if ur asking for the white bar, it already does use scale, though if i change it to offset the same thing will happen.

1 Like

uiaspectraidoconstant maintains the aspect ratio so it’s causing this issue, use uilisilayout parented to the blue bar.

2 Likes


any idea how to get the logo and the white frame close together? sorry im new to uilistlayout lol

1 Like

Just like how I said, use the UiListLayout set it’s filldirection to Horizontal and adjust the padding to your likings.

1 Like

For the logo. Set it’s X size to 1. As you using aspect ratio, then no need for it to be limited.

If it now touches the white bar, then adjust the white bar accordingly.

1 Like

Problem is that it won’t move the logo

1 Like

Sorry for late response, was sleeping* anyways to fix this, use UIPadding and set it’s PaddingLeft to anything you find good.

3 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.