How to make the White line to stay in the middle of the dark ui

[thereal_gamerboy123]

Hello there ,

1. What do you want to achieve? Make the white line centered with the “Number-coin” (the dark one) ui when i change the size of the screen.

2. What is the issue?

Here is what i did if it helps (Check the “solution” in the link below): i did the “NO PARENT” technique“ on “The black ui” with the texts: “Coin” and “Number”

How to prevent a Ui to get to the other side?

Hello there, What do you want to achieve? I want the black Ui not to get past the red line So, the objective is to prevent the black Ui from going to the other side. What is the issue? I don’t know how What solutions have you thought of so far? looking in it’s properties Note: i want the size and the position of the “black Ui” to be set as “Scale” i want the size and the position of the “red Ui” to be set as “Offset” I also want to avoid doing it through a scri…

result when the screen is over sized:

The white line glides to the right side while over sizing the screen

result when the screen is the desired size:

The white line is centered

Result when the screen is shrinked:

the white line glides to the left side while shrinking the screen.

Note :
here, the white line is a child of the “Number-coin” ui.
(it can also be unparented from the “Number-coin” , it’s the same result at the end)

i prefer unparented(But whatever works)

• i do not want the hatched area in red to shrink.
  
  

Thank you for your help

[GameTapped (GTGaming)]

You should be able to get it to stay in the center if you set the

• AnchorPoint at 0.5, 0.5
• Position at {0.5, 0},{0.5, 0}

It’s relative to it’s Parent, so if you want it in the middle of a frame it should be placed as a child of that frame.

[thereal_gamerboy123]

sorry for the late reply, i was extremely busy.

But unfortunately your suggestion didn’t work.

i am going to try to change the size.

[YTKACKA1 (Jebrik)]

send me your gui file, I’ll fix it

[thereal_gamerboy123]

yo, r u still on for the help?

[RainingMemory (nat)]

i can help!

(if you need still need help with this problem or other relevant things)

[thereal_gamerboy123]

yes, please, i would like that. do you also need a file?

[RainingMemory (nat)]

yes, a file sent would be appreciated

[thereal_gamerboy123]

There you go, thank you so much for your help.
Gui-Number-Coins.rbxm (14.5 KB)

[wallofgarlic (garlic)]

NumberCoin.rbxm (14.5 KB)

Like that right?

[RainingMemory (nat)]

there are a lot of things in here using both scale and offset to resize and position objects

you should probably overhaul everything to use only scale.

[RainingMemory (nat)]

coinGui.rbxl (53.7 KB)
here is my version of the fix.

the white line is now there, and 95% of the UI objects have now been switched to scale.
this will allow it to scale properly and cleanly from device to device.

i think you might have been using offset intentionally for some frames, but let me know if you need any help with that.

[thereal_gamerboy123]

I can’t download your file. the file you sent is .rbxm. While roblox studio is .rbxl

[wallofgarlic (garlic)]

Yeah… its a roblox file, you also had sent a rbxm file you just right click on explorer and click “Insert from file” or drag and drop the file from your file explorer into the viewport.

[thereal_gamerboy123]

Hello everyone,

I apologize for not being clear enough in my post. which may have led to misunderstandings. But I’ve adjusted the topic to better reflect my intentions and provide clarity.

Thank you for your patience and understanding. If you have any further questions or need additional clarification, please don’t hesitate to reach out.

[thereal_gamerboy123]

TYSM! You did it (all i have to do is just scale the line at the desired size).

But can you pls explain what you did?

[wallofgarlic (garlic)]

I updated the line position to {0.5, 0, 0.5, 0} and set the Line sizeconstraint to XY. Now similar to what @RainingMemory said I would adjust the scaling of the UI, now I wouldn’t recommend using all scale since it’ll deform your UI and it won’t look as you had originally designed it to be. I personally use a mixture of the new UIFlex items, offset and scale. I’ve left an example of what it’d all look like below.

Also if your wanting the line to work all the way down from the top to bottom it wouldn’t work the best with your the new method used but I did fix that in the example below.

Theres quite a few changes I had made so you’ll just had to look over it to get an understanding of what makes it work.
NumberCoin.rbxm