famous-flex icon indicating copy to clipboard operation
famous-flex copied to clipboard

New layout suggestion: Masonry

Open IjzerenHein opened this issue 9 years ago • 13 comments

IjzerenHein avatar Feb 04 '15 22:02 IjzerenHein

@matt-d-rat wrote:

Masonry layout (similar to this: http://masonry.desandro.com), which is like a grid, but supports widgets which can be of variable height and perhaps variable width.

IjzerenHein avatar Feb 04 '15 22:02 IjzerenHein

@grimen wrote:

With respect to custom widths too is a quite common scenario: http://erikjohanssonphoto.com/work/imagecats/personal

IjzerenHein avatar Feb 04 '15 22:02 IjzerenHein

@matt-d-rat wrote:

Agreed, it would need to support variable height and widths for each of the items in the grid.

IjzerenHein avatar Feb 04 '15 22:02 IjzerenHein

Super excited, can't wait to try this out!

matt-d-rat avatar Feb 04 '15 22:02 matt-d-rat

It might be a while before I have the time to work on this. It would basically be a modified version of CollectionLayout. If anyone wants to help, that would be great. Let me know and I will you give all the support you need.

IjzerenHein avatar Feb 04 '15 22:02 IjzerenHein

For the record:

https://github.com/nmn/famousry - "A jquery Masonry / Isotope library written in Famo.us".

I tested it and it works. Maybe useful for inspiration.

grimen avatar Feb 11 '15 14:02 grimen

I was trying to write Masonry like layout with only difference - height of outer container is fixed. here is what I have: http://codepen.io/Qvatra/pen/zxRyVy hope this will help

Qvatra avatar Feb 16 '15 12:02 Qvatra

check out the following Gist with a layout that I wrote for your LayoutController: https://gist.github.com/Qvatra/65d481ce0596e6f1b012

here is codePen example: http://codepen.io/Qvatra/pen/ogmYJW

Qvatra avatar Mar 26 '15 11:03 Qvatra

+1. This is a very useful contemporary style.

wheeler avatar May 08 '15 16:05 wheeler

Will masonry style layout ever be included to your library?

BTW, it is a joy working with famous-flex, even if we don't know what's happening at Famous Industries Inc.

ghost avatar Oct 15 '15 21:10 ghost

It's not planned for the foreseeable future at this moment. It would be really awesome if the community could help to build this layout :) My focus is currently on building the next version of famous-flex for mixed-mode (or for possible forks , and if achievable even for famous v0.3). It's a lot of work, but I can assure you, it will be immensely awesome :) I hope I can share some demo's with everyone soon.

IjzerenHein avatar Oct 16 '15 16:10 IjzerenHein

Can't wait for it. Regarding forks, how about SamsaraJS?

ghost avatar Oct 16 '15 17:10 ghost

Yes that one potentially too.

IjzerenHein avatar Oct 16 '15 17:10 IjzerenHein