BorderMode page is empty on Devhub

[BrisDeveloper]

As seen here;

GuiObject | Documentation - Roblox Creator Hub

This page is missing data. On my machine it’s reproducible in all main browsers.

[PhoenixRessusection (PhoenixCausesOof)]

But that probably was supposed to be like that, there is that enum, BorderMode.

https://developer.roblox.com/en-us/api-reference/enum/BorderMode/index.html

[Ozzypig]

I’ve updated both the GuiObject.BorderMode page and the BorderMode enum page. I’ve also included this animation that should hopefully explain it much quicker:

Let me know if there’s any other room for improvement

[BrisDeveloper]

Thank you!
As a Roblox novice, I think it would help if the following were made clear;

1. an element’s size and position don’t change regardless of BorderMode. This is kind of seen in your graphic. Perhaps if you extended a dotted line to show the boundary of Outline compared to Inset?
2. That an element’s Border is affected by the element’s BackgroundTransparency (something I strongly disagree with, but that’s another matter). ie you can’t see a Border if BackgroundTransparency == 1.
3. I actually think a non-animated image might display this better. Or, if you are going to animate, hide and show the above mentioned guideline, rather than the border itself.
4. Exaggerate the Border size in the display. It’s so small compared to the element that it’s hard to see the difference between Outline and Inset. ie make the BorderSizePixel 20, not 4.
5. Some indication of what happens when Mode is Middle and BorderSizePixel is an ODD number.

Actually, I just noticed… in your image the red outline of the element shifts in for Middle and Inset. Is that correct? Misleading? I’m now unsure of what the red line represents.

I know for example that if you have an ImageButton and BorderMode.Inset then you can’t see the Border (assume image is has no transparent parts)(as it will be behind the Image)(again, something I disagree with, but I digress).