Change the direction of the rows when using wrap

Share an idea
1

I’ve been using the wrap function in auto-layout since it came out last June. It has helped me a lot, however there are some options I would like to see being added; being able to change the direction of the rows when using auto layout wrap.

For example: I’m working on a tile which displays a set of indicator on the bottom. The tile is able to show a max of 4 indicators in one row. When using wrap and showing 6 indicators, the first row shows 4 indicators and the second row shows 2. What I would like to see is an option to change the direction of the rows. Changing the direction would result in showing 2 indicators in the top row and 4 in the bottom row, instead of the other way around.

The same principle should be able for columns created by auto layout wrap. This might be interesting for cultures who read right to left. [edit: i just found out wrapping is only horizontal, which means it can only create rows, not columns]

I’m sure i’m not the first person who thought of the idea, but I couldn’t find an existing topic posted on this forum.

6 Likes
2

Totally agree. This would be super helpful and would align with how flexbox works in CSS.

1 Like
3

Yes, I always stumble apon this problem when designing responsive banners and columns.

1 Like
4

Same here. I’m trying to design forms that can wrap into two columns when space allows, but read column 1 top to bottom and then move to column 2. Instead what we get is field-1 is top of 1st column, field-2 is top of 2nd column, field-3 is back into 1st column bellow field-1, and so on.