How best to create grid layouts with varying size components?

madattak · July 9, 2018, 7:17pm

E.g.

Or
https://www.gtplanet.net/wp-content/uploads/2016/09/FH3-Expansion-Pass-860x484.jpg

Since UIGridLayout enforces constant size and I’d rather it be adaptable rather than hard coding it.

Tiffblocks · July 9, 2018, 7:23pm

UIGridLayout is actually specifically designed to support this use case. Simply increase the size of your elements so that they fill multiple cells, and their size will be rounded up to a multiple of the cell size (plus in-between padding).

madattak · July 9, 2018, 7:34pm

Nice, Thank you! Could this be added to the wiki entry for UIGridLayout?

Tiffblocks · July 9, 2018, 7:49pm

It looks like there’s a few bugs, I just gave this a shot myself.

It only worked when I used a UISizeConstraint with MinSize (as opposed to just setting the Size), and it also appeared to not work when you have a UIAspectRatioConstraint parented to the UIGridLayout (which is important if you’re using scale sizing of the CellSize). Additionally, having multi-cell elements causes HorizontalAlignment=center to explode. There were also bugs that caused it to not readjust itself when a cell switched from single-cell to multi-cell as I was editing it. I’ll make sure all of these are filed and that we fix them. I think they’ll be fixed by the new UI backend we’re looking to ship in the coming months.

Yeah, I’ll file a ticket for it.

madattak · July 9, 2018, 9:13pm

Thanks, thats probably saved me many hours of head scratching. Guess I’ll put in a hard coded version for now, with the intention to switch after the fixes are live.

madattak · July 11, 2018, 8:47pm

Ok, I can confirm. UIAspectRatioConstraint really doesn’t like UIGridLayout.

ArcadeRockstar · February 20, 2020, 12:40pm

Is there an ETA on this? I’ve been having issues with the constraints that cell sizing has, and combining AspectRatio/SizeConstraint is still dysfunctional. Perhaps cell sizing could be optional? Like how UIListLayouts operate but in both the horizontal and vertical directions.

9q0 · December 28, 2020, 4:54pm

How is this issue not fixed yet? May you please re-open another ticket or at least give us an update on this issue? An ETA would be nice as @ArcadeRockstar mentioned above. Thanks!

Evercyan · April 9, 2021, 11:05pm

I’d also like to know if this is still planned to be fixed. I’m trying to make a grid with AutomaticSize enabled for alternating Y sizes, but I’m unable to use it since UIGridLayout still forces frames to stay the same size.

Nathony1 · February 19, 2022, 3:32pm

I’m wondering if there are any updates on this? UIGridLayout really should have the option to resize individual cells.

scytheric · April 12, 2022, 10:26pm

I hope this is still planned because at the moment, elements cannot have specific sizes. I have a use case where I have buttons that auto-size in a grid layout.

smashman65 · September 19, 2023, 6:22pm

Any News?

I think im having the same issue here. Trying to get a ui element to split the buttons up but I cant scale it to do so

BIoodSpectre · August 2, 2024, 5:51pm

Still no word on this? Using SizeConstraints with Grid Layouts is causing very weird behaviour. The ability to create elements with different sizes within a grid layout is a missing key feature

DistortedFunction · September 12, 2024, 11:37pm

Any News?

I know I am having issues with this topic and it seems this post has died without a resolution.