Resize UI for all Devices with a GridLayout

Help and Feedback Art Design Support
, ,
#1

I KNOW THAT I CAN USE THE UI LITE PLUGIN, I DO USE IT!

The problem is when I use the plugin on all the parts of the TextButton. The ViewportFrame simply disappears or just doesnt scale at all.

With UIConstraint
In Game

image
image1049×755 140 KB

Explorer
image

What it shoud look like/Without UIConstraint

image
image915×620 87 KB

I try to UIConstraint a ViewportFrame and it doesnt work.

This is where I move the TextButton (inside the ScrollingFrame)
image

How can I resize the UI (ViewportFrame) for every device with a UIGridLayout. Idk if the UIGridLayout does this or its the ViewportFrame.

#2

This is what it currently looks like on other devices

image
image1628×806 63 KB

#3

Replace the Size and Position of the GridLayout from Offscale to Scale: Make all Offset inside of the both Axis of Size and Position to 0 and insert your Scale number.

#4

I think there is a plugin for that try this: Plugin Try this one first
I might of sent you the wrong one so if that the case it is probably this one:Plugin Try this one last
Hope this helps! I use this for all my gui in my games!

#5

I dont see OffScale nor Scale in my proprieties in my UIGridLayout
image

#6

What will this do and How and Where I have to apply it in my explorer?

I dont understand how this will fix my issue

#7

This would show the gui the same way that you view it on your pc or macbook but on mobile devices

look up a YT video if you need a tutorial

#8

U dont need to use any Plugin for easy things, just go to CellSize and then you will see Offset and Scale, make Offset to 0, and then insert your Number to scale.

#9

When I do that, nothing shows up

image
image777×552 69.8 KB

image
image248×770 61.7 KB

#10

Scale does not work like Offset, with Offset you can use 160 but Scale works like that: Scale Full Screen Size is 1. If you want to Scale something to half of a Frame you can do 0.5. Try out 0.25 and the other one 0.3 and just try something out.

#11

image
This gives me something like this

#12

Also change your Padding, could you send your Ui so i make it for you if not then i can tell you from here what u need to do

#13

I sent you a PM with the model

#14

Did you manage to find the issue?

#15

why you dont first delete gridlayout and set the slot frame size to 0.1,0,0.1,0 and you set the size what you want then copy the size and re-add the gridlayout and paste the size you copied in cellsize of the gridlayout? that what i do