UIStroke - Studio Beta (UPDATE: re-enabled)

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

How did you make that 3D cube inside studio? Or is it an image?

1 Like

Everytime I try to do something in Roblox Studio, itā€™s not easy to do. But after I give up doing it, Roblox releases an update to make it easier which gives me enough courage to go back to what I was doing. Is it just me or coincidence? Because I tried to make a plugin to make borders for ui corners and etc but then this happens 2 days later lol? Thank you Roblox for making everything easier, great update choice keep continuing these update. I LOVE EM!

4 Likes

Should try and make UIBlur. Canā€™t wait for thatā€™s release soon.

3 Likes

The weird triangle issue doesnt happen anymore. Thank you!

1 Like

Is it possible for us to get an in-depth explanation as to why the former happens after it is resolved? I think itā€™d be a good read; canā€™t come up with a reason why UIStroke would have an impact on selection boxes.


This has been asked

..time
ā€¦and time
.ā€¦again.

We have quite a few frameworks that support or at least attempt to support this functionality - plus, itā€™s quite simple to create yourself once you realize that functions can be called exclusive from their parenthesis (i.e. someFunction { a = 1; b = 2; c = 3; }).

Anywho, I canā€™t fathom how this would be a good thing to add; the only thing that the addition would provide (to me, at least) is clutter and inconvenience. If you can learn CSS, then by all means you can learn Lua.

Just my two cents.

8 Likes

Another thing I have noticed Iā€™m not sure if this is relating to the UICorner issues you had but theres a slight gap between the outline of the mainframe and the UIStroke
https://gyazo.com/7df6bfed784f781df64c9c0df7e149f2

2 Likes

thank you so much for this!!! I will be especially using UIGradients on outlines, and being able to change the transparency of the background separate from the border now helps a lot.
maybe sometime, can we get a glowing outline effect like this please? xx

edit: i havent gotten a chance to mess with this yet, but maybe the transparency effect of the outline might look kinda glowing already? :smiley:

16 Likes

Can we still forcefully enable the beta through FFlags? I remember I had to do this with Plugin Debugging a while back when that got disabled temporarily.

2 Likes

Hereā€™s the flags you can set locally.

Disclaimer: The flags required will change in the future, and this isnā€™t something we generally encourage.

Flag JSON
{
  "FFlagEnableUIStroke2": "True",
  "FFlagGfxGuiRefactor2": "True",
  "FFlagUIStrokeShaderChanges": "True"
}
5 Likes

image
picture says it all i guess, thanks for the flags, and yea ik touching them is a bit of a risk lol

5 Likes