Flex Features for UIListLayout Client Release

:crown: Thank you for your amazing work :DDD

5 Likes

THANK YOUUUUUUUUUUUUUUUUUUUUUUU but fr this is something i been waiting for a while, glad to finally see it

4 Likes

Hi, thanks for your comment!

Would you be able to share more about what you mean by “UIBase Instance convention”?
Are you referring to the inheritance of UIFlexItem? UIFlexItem inherits from UIComponent and that inherits from UIBase, which I think is the correct inheritance for UI components?

Instance
|- UIBase
  |- UIComponent
    |- UIFlexItem
1 Like

Our prayers have been answered. Been waiting for this for a while

2 Likes

I’m just not a very big fan of using children instances to style UI. I feel like applying styles directly through properties would have been a better move, though it’s too late to turn back on now.

For example, something more like this.

2 Likes

Hi,
thank you for this great update!

I’m trying to convert my gridlayout to use the UilistLayout Flex, but I think I might have found a bug with the Uilistlayout padding and the automatic sizing of a ScrollFrame.

As shown in the video, when I add the padding, the size calculation of the ScrollFrame won’t work, and it will be too small for the content.

Without UIlistlayout padding :
RobloxStudioBeta_DuuFqdUZUy

Every item is shown

With UIlistlayout padding :
RobloxStudioBeta_gbdhx28yno

Only the first 3 are shown

Here are the proprieties of the different elements :

ScrollFrame :

UIlistlayout :

Child Element :

Thank you for your help :slight_smile:

Yes that looks like a bug, thanks for reporting this! I filed an internal bug ticket to track this and will let you know when there is an update!

3 Likes

Ui list layout + ui grid







3 Likes

Are those PLUGINS on the left side ?

yes

1 Like

I struggle with UI’s … so anything can help.
Do you perhaps care to share the plugin names ?
THANKS.

The plugin down is the public version it can insert the ui but is bad the above version is my local version what comes public on August 9th I used uiflex in the new version

1 Like

Thanks - that is awesome - update is on perfect day - birthday present :sweat_smile:
Will look out for it - cheers.

this update broke one of my game’s UI.

here’s whats supposed to show

and here’s whats happening:

how this is setup:
the stats UI uses ScrollingFrame alongside UIListLayout per stats category (base, firepower, etc) with AutomaticSize set to Y.

what the UIListLayout is doing:
the size scale in the stat label is set to something small like 0.004 to make it be a reasonable size like the first image that shows its working, but the FlexUI is for some reason making the UI label tiny. next thing, even if you upscale the stat UI to be bigger, the ScrollingFrame doesnt update the position to make it bigger. it adjusts automatically if you re-set the AutomaticSize property from None to Y again. however, this time it overscales. this is because its acting like the UIListLayout has the property VerticalFlex set to Fill.

this whole size issue is singlehandedly caused by the VerticalFlex and possibly HorizontalFlex property being treated like theyre set to Fill despite being otherwise.

also can i also get Regular Trust Level? i wont post crap on the bug reports and feature requests. its something ive been wanting for a long time

if you need the bugged UI to work on a fix for it, DM me in this website and ill provide a roblox file with the bugged UI

Yeah experiencing a similar issue where using UIPadding causes the last frame to sink outside of a ScrollingFrame.

Hi, thanks for reporting this issue!

Just to clarify, is this issue occurring with flex features enabled or disabled? Flex would be enabled if you have a UIListLayout with Wraps=true, or HorizontalFlex/VerticalFlex!=None, or you are using any UIFlexItems.

Also is this bug causing an issue in a live game? If so, I can turn off flex layout for the game if you would like.

Here is a post on how to get bug reporting access, have you tried following these steps already? The Big Bug Reporting Update

I’ll send you a DM to get some more info!

Since when can we ask for that I still want to get accepted into the future receusts group

ive searched for how to report bugs and request features for awhile other than automatically getting Regular ranked and there was no solutions. although i recently did find a group that you can request to join for bug hunting.

if i recall correctly, in order to get Regular member you have to be active in replying and posting. ive mainly been a viewer of the devforum and i usually dont have a reason to post anything, so that option is nearly impossible unless i decided to throw in random stuff.

to me, asking is the only way to do anything about this

1 Like

Hi Developers,

We’re excited to announce the client release of Flex on the Meta Quest VR!

With this update, Flex is now live on all platforms, which means the added UIListLayout functionality listed below should work seamlessly across platforms. Check out the original post or our documentation on UIListLayout and UIFlexItem to learn more about how you can use Flex.

Keep sharing the awesome UI you create with us, we love seeing all your creations!

5 Likes

This update seems to messed up with the Vertical Alignment…

Normally, it was supposed to look like this using Vertical Alignment set at “Bottom” of the scroll gui.
image

However, with recent update on UI List Layout, it had caused the start of the bottom portion way out of scroll gui.
Screenshot 2024-09-18 021902

With the first frame being outside of the scroll frame…


But the rest of the alignments seems to work as intended.
94edf7fe3bed2582cfe86c975b7ab474

Will this be fix asap? It was affecting the communication with players in my game.