Has anyone done a masonry layout in HTML/JavaScript

Question

Has anyone been able to build a masonry layout in HTML/JavaScript? I was looking at using jQuery Masonry, but it seems to only do a vertical scroll and I'd like to be able to do a horizontal scroll.

Anyone have any tips here?

thanks,

Todd

Answer 1

Hi Todd,

I don't know what that is!  Can you elaborate?

-Jeff

---

Jeff Sanders (MSFT)

Answer 2

It looks like the Windows App Store. Here's the masonry jQuery script:

http://masonry.desandro.com/

Just trying to figure out how to do it.

Answer 3

Got ya!

You can use jQuery if you want.  The Store actually uses a listview and a custom renderer so you could do something similar as well.

Here is a brief discussion of custom rendering with listview: http://msdn.microsoft.com/en-us/library/windows/apps/Hh781224.aspx (see: Custom render function)

-Jeff

---

Jeff Sanders (MSFT)

Answer 4

Thanks, I'll take a look at the custom render function discussed.