How to make some Ui to display on pc or mobile?

Hey Developers!

I have intro in my experience, which i really like, however the intro is sized properly on pc only. The text is just so off on mobile.

PC:

Mobile:

My question is: How can i scale the text so it shows up in the middle of the screen on all devices.

I will be happy for any help or advice!

Thanks in advance,
-jeziskrista

Use Scale Instead of Offset, AnchorPoints, and TextScaled for TextLabels.

1 Like

I tried doing this, but still didn’t solved my problem. Isn’t there something like script, that would show modified intro for mobile users only?

Hi @jeziskrista , @SomeFedoraGuy is correct but you didn’t modify right if its if you don’t know how to modify manually you can use try changing size to {1,0},{1,0}
if you don’t know how to do that you can use :

plugin called AutoScale Lite:
AutoScale Lite - Creator Store

1 Like

There are so many posts about how to fix this issue. Please try the Search button up top.

Use terms like “gui position is different on different aspect ratio screens”, or “gui moves on mobile” to broaden your search.

1 Like

If this is a text label I recommend turning on the “Text Scaled” setting in the properties tab.

1 Like

no need to be mean, but just like Scottify said, this is probably the most posted about topic on UI (and it has the most basic solution)

if i wanted to make a textLabel appear in the middle on ALL devices, here is how i would do it.

  1. create a TextLabel (duh :derp:)

  2. change the AnchorPoint property to (0.5, 0.5)
    this sets the center of the TextLabel to the middle of it.

  3. set the TextLabel’s position to (0.5, 0, 0.5, 0)
    this is the center of the screen. halfway across, halfway down.

  4. set the TextLabel size to (1, 0 1, 0). this is the ENTIRE screen. all the way across, all the way down. (you can tweak this, but your’s looks pretty big)

  5. set the TextLabel’s TextScaled property to true, this allows the label to change the size of the text on different devices

and your set. but again, before posting on the dev forum, i suggest trying things yourself, looking at ROBLOX documentation, and looking at past dev forum topics before posting.

3 Likes

Hey,

Thank you so much this helped a lot!

For the next time i will for sure try looking into older posts or other resources.

One maybe stupid question, where can i set or find this? Like in properties?

thanks again,
-jeziskrista

yeah, you can modify anything by and everything in the properties page.

TextScaled in this situation would be one of thr properties of a TextLabel.

to open the properties window (in case you don’t know), on the top bar, go to the View tab, then click on Properties.

1 Like