Horizontal layout? (Fixed height/max rows + variable width/unlimited columns) about packery HOT 35 CLOSED

Right now - no.

If you are interested in horizontal Packery, please +1.

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

I was about to ask if I can add multiple items horizontally and I see this enhancement request. I assume append and prepend would allow users to append/prepend more than one item or as many items to fit the height as well. Thanks.

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

Try this rotation hack while waiting for horizontal support :P
http://codepen.io/gewfy/pen/GvEiH

from packery.

+1

from packery.

+1. I'd love to be able to do this with an infinite horizontal scroll too!

from packery.

Ok, I really needed this feat. so I went ahead and implemented it myself and created a pull request. For anyone else who can't wait, check out: #76

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

I don't know how you plan to implement this but it would be awesome if you could for example use grid system that are based on % for making a horizontal layout.

Lets say we are using a 12-col grid system and then we are having 6 x col-3 in one row. Totally that is 150% width of the container and the 2 last col-3's would be positioned below. What I would love Packery to do is to take the width from the container, let say its 1000px and then set the with to 250px to all the elements and if all col-3's have a 100% height of the container you would need to scroll to view them.

This would be awsooooooome especially for mobile and pad applications!!!

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1 too

from packery.

+1 💃

from packery.

+1

from packery.

+1

from packery.

You want it, you got it! 🐝 🐣 Horizontal layouts are supported by Packery with v1.2.0 by setting isHorizontal: true.

See http://packery.metafizzy.co/options.html#ishorizontal

One caveat is that the container needs height to be set, which is easy enough with CSS.

Documenting the change: v1.1.2...v1.2.0

Closing this ticket, but feel free to celebrate. 🍓

from packery.

from packery.

Awesome - looks great!

from packery.