Grid Layout ?

I'm wondering if UI Toolkit can produce a item-grid layout in horizontal and vertical axis, similar to CSS flex items. Best responsive where the items auto adjust based on the container grid width.

 

Of course

 

Yup; as Running|V|an pointed out, it's all based on CSS. Put this in your USS:

Code (CSharp):

1. flexDirection: row;
2. flexWrap: wrap;

Or in C#:

Code (CSharp):

1. scrollView.contentContainer.style.flexDirection = FlexDirection.Row;
2. scrollView.contentContainer.style.flexWrap = Wrap.Wrap;

I've only done it with items that are roughly the same size. I don't know exactly how it handles wrapping with nonuniform elements.

 

It's not as easy as you would think if you want to center the items in a VisualElement. I wish it was.

https://forum.unity.com/threads/wrap-issue.1148099/

 

Thanks for your replies, would something like this be possible in UI Toolkit?
Any idea on how to best set it up?
http://ui-example.webflow.io