Horizontal layout? (Fixed height/max rows + variable width/unlimited columns)

[KingScooty]

Is there a way to set a max height of the container or a max number of rows (3n, or 1n+2n, or 1n+1n+1n) and have the content flow horizontally, filling up all rows before moving to the next row?

I can't seem to find anything in the documentation that suggests this is possible.

[desandro]

Right now - no.

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

[trewknowledge]

+1

[senner007]

+1

[fitz0019]

+1

[wpoosanguansit]

+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.

[Skaidon]

+1

[VincentPeters]

+1

[simonpeters]

+1

[romanenko]

+1

[jmdall]

+1

[dsc]

+1

[TheSisb]

+1

[gewfy]

+1

[tbleckert]

+1

[gewfy]

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

[shaheebroshan]

+1

[devonzara]

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

[devonzara]

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

[spinx]

+1

[TheDNA]

+1

[PaRoxUs]

+1

[marcorivm]

+1

[JulianLaval]

+1

[cosmindorobantu]

+1

[PaRoxUs]

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!!!

[kjell]

+1

[MikeNGarrett]

+1

[glennmicallef]

+1

[lpillonel]

+1 too

[nicohvi]

+1 💃

[jmcgdz]

+1

[pedro380085]

+1

[desandro]

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. 🍓

[MikeNGarrett]

[fitz0019]

Awesome - looks great!