Help: Pinterest style grid in Polymer

292 views
Skip to first unread message

thomaso...@gmail.com

unread,
Oct 30, 2014, 3:01:14 AM10/30/14
to polym...@googlegroups.com
Hi

I am trying to do a pinterest-like type of grid.
I am using a <template repeat> for generating the elements and then on domReady applying masonry (http://masonry.desandro.com/). But my problem is that the <template> is not ready when the domReady is called.

Any ideas on how to achieve a isotop/cascade/gap-less type of grid?

Thanks,
Thomas

Carlos Eduardo Garza

unread,
Nov 14, 2014, 1:54:08 AM11/14/14
to polym...@googlegroups.com, thomaso...@gmail.com

Hi

You may fin this useful

Regards
Carlos

Matthew Butler

unread,
Nov 14, 2014, 10:15:44 AM11/14/14
to polym...@googlegroups.com, thomaso...@gmail.com
Super easy with the Polymer layout attributes, and a little CSS to achieve the desired padding and nice and responsive too.

Tomek W

unread,
Nov 15, 2014, 1:43:10 PM11/15/14
to polym...@googlegroups.com, thomaso...@gmail.com

Hi,

Maybe http://juicy.github.io/juicy-tile-list/ will suit you. It should work perfectly fine with <template>s, if not please reports a bug here https://github.com/Juicy/juicy-tile-list/issues, or contact me :)

BR,
Tomek
Reply all
Reply to author
Forward
0 new messages