How would I go about making a gui rescaling thing like in Pet Simulator 99?

I’m trying to make a similar gui frame like the ones in Pet Simulator where it seems like based on the size of the name of the pet it scales the gui horizontally and based on the size of the description and other modifiers it scales the gui vertically.

I’ve seen things about the Automatic Size property, but me trying it out it always seems to mess up completely. I also haven’t seen or heard anybody making any comments or questions about this exact thing, so I’m just completely lost. I’m not sure if it is really just the Automatic Size thing or has to do with some scripting. I’m just overall lost and would appreciate any help with this, so thank you.


Screenshot 2024-10-27 141447

Essentially, if you want something to be automated by the engine, everything that affects it should also be automated by the engine. You have to use AutomaticSize property in conjunction with UIListLayout (automated positioning) and UIFlexItem (automated size ratio).

For that specific example, UIListLayout would arrange the UI elements in the following order:

Title
Rarity
Description
Bar
Level
Bar
Charm Slots
Bar
Quantity

Each of them can have a different size. UIListLayout will automatically arrange them, and then AutomaticSize will make the modal fit all of them.

Here’s some articles you should read:

My main issue though is every time I try to make it, the gui just gets insanely huge.

This is what I want.
Screenshot 2024-11-03 115143

But for some reason this always happens.