UIStroke - Studio Beta (UPDATE: re-enabled)

Seems to be reported already, but I’m having the issue as well. The TextStroke (no UIStroke class) gets larger the more I zoom out. Weirdly it does not happen to all my TextLabel with TextStroke, only the BillboardGuis descendant of workspace (I think, no extensive testing has been done).

2 Likes

Am glad that roblox is giving more love to their UI designers :slight_smile:
Thanks for the beautiful updates!

Good update! Would like to see different border patterns instead of just solid, eg dashed borders with custom intervals

Finally! I’ve been doing so many workarounds for this effect!

2 Likes

They did mention they will do it as a separate feature here

1 Like

Will this let us achieve an effect anywhere near something like RichText Highlighting? I’m not really a UI Designer and am more focused on the markup tag part of this update. This feature sounds great but isn’t really what I need for the project I’m working on if it can’t. While I could implement it into what I’m working on it wouldn’t achieve the same effect.

Oh my god I just added this to my game and published it and found out that it’s not live yet when I joined the game… Anyways, great update!

Roblox betas do not work in live games. Usually they take a month or two to fully release (that is how I have seen it at least).

3 Likes

We have noticed that some developers are experiencing issues with the beta, even if they have opted out of it. Because of this, we will be turning the beta feature off for the time being.

  • Selection boxes don’t render after getting a certain distance away.
  • Issues with UICorner not working in some situations.

We got a lot of great feedback and will take this into account as we approach full release of this feature.

38 Likes

I am not sure if anyone has mentioned this yet, but this feature seems to break existing outline behavior with semi-transparent GUI objects.

Beta off, expected behavior:
image

Beta on, outline is poof:
image

Using UIStroke with semi-transparent GUI objects also does not seem to work. It creates the same issue as enabling the beta.

Am I using this feature improperly?

4 Likes

Can you also convert the Thickness property from a Number Value to a UDim property like UICorners?

2 Likes

I’m going to discuss it with my team but I think this would be a good change to make. This or similar functionality is needed to support BillboardGuis well.

8 Likes

I’ve noticed that because of this, UIStrokes do not appear in-game on the client, but they do in studio still. Will we still be able to work on our projects with UIStrokes in studio for the time being, or will they be disabled completely?

Unfortunately for now it won’t be possible to use. You can still insert the objects, but they won’t render anymore.

5 Likes

It will be nice if they added CSS inside of Studio. They should make a script that only supports CSS and goes inside of UI’s. It will be nice if they add it.

(Sorry if that’s what they’re adding and I didn’t see)

The scripts can go like this:

.text {
  FontFamily: "Somehting" -- (Or Enum.FontFamily could be used)
}

Something like that will be nice, considering no new scripts have been added.

6 Likes

This sounds like a great idea, but it might be better suited for a plugin w/ a module.

2 Likes

Update
I’m still in a studio with it enabled (Haven’t closed it yet) and I do have a suggestion

Can the UIStrokes get a feature similar to the BorderMode
image

As it currently doesn’t support that
image
image

Although I do enjoy the mobility we have with this new property :slight_smile:
Can’t wait to use it again when it comes back out into beta.
image

5 Likes

True, but it will be nice if they add a CSS Script that can only run CSS and it will be a great update considering there is only 3 types of scripts in Studio

2 Likes

Before the beta was eventually taken out of Studio, I was able to make this!
image

I think it looks good, and this shows that UIStroke will be the next step in UI Design.

26 Likes

Lookin fresh. Looks like the real thing, I think.

4 Likes