At the moment, the responsive layout builder UI only allows a user to rearrange the regions by shifting rows up and down. What we should have is a truly flexible region rearrangement that allows a builder to move individual regions anywhere in the layout.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

OnkelTem’s picture

@jessybeach

Can you please confirm is this still active? I can drag regions anywhere in the layout atm.

MustangGB’s picture

#1 Are you sure? I just tested on the demo site and it only allowed me to drag rows (and sometimes multiple rows when they decided to get stuck together).

OnkelTem’s picture

#2

Perhaps we should come to understanding first - what we mean under "anywhere".
I suggest starting from this video: http://www.youtube.com/watch?v=Ek2eyWZPI1c&feature=player_embedded

I'm using git version of the module. In the current implementation we have regions vertically stacked from top to bottom. As far as I can judge from playing with Layout for a day, we can:

1) create/delete a region
2) rearrange regions in the stack
3) resize a region from the left, making next region to jump in the freed space to the left
4) resize a region from the right, making next region to jump in the freed space to the right

What is different now comparing to the video and what I personally find as advantage: we can't resize freely to the pixel level, as we can do in Flexible layout, instead region widths are aligned to the grid i.e. vertical columns.

what we can't do yet:

5) Group regions
6) Hide regions

What operations do you find missing?

MustangGB’s picture

FileSize
23.93 KB

Perhaps it's easier to explain visually.
For example if we wanted to move the left region above the header:
Rearrange regions

OnkelTem’s picture

#4

Thanks for the graphics. Yeah, now its much clear. In the "desired" part there are gaps - places without any regions.
I can't say either they are good or not, just a thought - isn't it concern of region's insides to decide how to consume space?
In the concept video there were also no such gaps.

Present implementation part demonstrates a bug I guess. I think correct behavior would be: on dragging Left to the top only Left should be moved, and be resized to 100% width, while the Content should be expanded to the left.

OnkelTem’s picture

FileSize
11.7 KB

Attaching image:

alt

Is this correct?

OnkelTem’s picture

Thinking about the gaps again I see no reason to not allowing them.
For example, in 960gs, adding a gap to the left is just a matter adding ".push-N" class to a region.