How can i make all players and devices have the same positions of GUI?

[asxnotlo]

Hello! So i am making a popular board game called hues and cues (You can search it up if you want to) but basically, theres a pointer (white box) that is used to mark a color from the board

My problem is that the pointer is in a completely different place on every device, ive tried searching up everything. I did make the UIDragDetector update everytime its dragged using remote events, but I dont think the problem is in that part, i tried messing around with the board frame but couldnt get it right.

Laptop:

Mobile:

[Microlosofto]

Did you tried to use scale on frame’s position and frame’s size ?

that’s weird… (should only happen in using not scale on frame’s position and frame’s size)

[asxnotlo]

Yes i only used scale for the frame, it still does not work.

[Microlosofto]

What

send picture properties of this frame

[ExcelWalter (Konn)]

this isnt a scripting issue, but how your UIs were designed

Designing UI - Tips and Best Practices

Hello everyone! I’m uiuxartist, a Designer on the Engine UI team. Creating a UI that works and scales across different screen sizes and platforms can be pretty challenging at first, so this post is intended to introduce some of the main concepts used to achieve cross platform UI. [image] This content is ideally for beginners and non-coding UI artists who are somewhat new to developing on the platform. It leans more on solutions that do not require code, but there are also some general best pr…

[RainingMemory (nat)]

try parenting the pointer to a transparent frame with a UIAspectRatioConstraint. like a frame that covers the entire grid.

the pointer is currently scaling with the player’s device, which the aspect ratio can vary.

[asxnotlo]

[asxnotlo]

Ill try this and update you later!

[asxnotlo]

Does not seem to be working, but ill try messing with it a bit more.

[LumoseerGaming (Lumoseer)]

Try using anchor points, UIAspectRatios, and sizing to make your GUI fit and scale on all screens. You can use the emulator to see what it looks like on certain screens.

[RainingMemory (nat)]

make sure that transparent frame matches up perfectly with the grid. i’m going to assume that grid is an ImageLabel. the transparent frame should have the exact same properties (pos, size, anchor point) as that ImageLabel. the grid already has a UIAspectRatioConstraint I assume

make sure to add the ratio constraints using plugins or math (abs. size x / abs. size y)

[asxnotlo]

Still does not seem to be working.