How do I get my UI to be constrained?

[Logimite (84pontiacdream)]

I am making a Roblox hangout game and for some reason whenever I change the screen size the emotes panel does not move with it. For some reason I cannot make the custom chat cover the full screen either. Do you know how I can make the UI constrained?
HangoutGame.rbxl (1.1 MB)

[Reinellex]

There is a plugin about it. I think its like GUI Constraint or im not sure. Basically how to use it is you just select the GUI u want to fix, stay on a normal/decent size of your screen and click the plugin button. It will create a constraint that’ll keep your gui the same no matter the size of your screen.

[Logimite (84pontiacdream)]

I can’t seem to find the plugin. Do you have a link?

[Schedency]

You can actually just add a UIAspectRatioConstraint to the UI object.

UIAspectRatioConstraint | Documentation - Roblox Creator Hub

[epochzx (epoch)]

Your download isnt working so im not exactly sure of what your issue is, im assuming that it’s a scaling problem.
You need to convert the UI’s size and position value to scale instead of offset, an easy way you can do this is with a plugin by @ZacBytes,

[Plugin] AutoScale Lite for GUIs - Scale your UI

[AutoScale Lite Banenr] Overview The plugin has two main functions. Converting a UI element’s size/position to Scale or Offset, and the auto scaling feature. The Add Constraint feature makes use of the UIAspectRatioConstraint which ensures that your UI retains it’s size on all screen sizes. You can add this constraint to your UI manually but my plugin does the calculating of the AspectRatio property by dividing the AbsoluteSizes so you don’t have to! [image] How do I use it hmmmmm? Firs…

[Logimite (84pontiacdream)]

Hangout Game.rbxl (1.1 MB)
Does this work? I can’t seem to find out how to work the plugin. Sorry I am a noob at UI design .

[epochzx (epoch)]

I think the download is an issue on my end, could you upload it to something like streamable if it’s a video or lightshot of its a screenshot then link it here?

Also, to use the plugin you just have to open the unit conversion page, click what you need scaled then click the two “scale” buttons.

[Logimite (84pontiacdream)]

See, when I change it this happens.

[epochzx (epoch)]

That’s because its not in scale, use the autoscale plugin on it.

@FilmPuppy

to use the plugin you just have to open the unit conversion page, click what you need scaled then click the two “scale” buttons.

[AskForHeaven (Heaven)]

Set the UI’s Anchor Point to 1,1 (for this side of the screen specifically) and follow the advice from the other users in this thread of using a UDim2’s Scale property to determine the position of your UI element.

[Logimite (84pontiacdream)]

I have not tried this but if I do and it works I will mark as solution.