Muuri: More usage examples and demos

[niklasramo]

Would be great to have detailed usage examples with working demos.

[h3rb]

how to have multiple muuris? fixing this would solve my other problem

[niklasramo]

how to have multiple muuris? fixing this would solve my other problem

http://codepen.io/niklasramo/pen/wJKMQz

[niklasramo]

I created a codepen collection for all Muuri demos: https://codepen.io/collection/AWopag/. There's not much there yet, but I'll try to add more demos there little by little. Below's a list of demo's I'm planning to add there in the near future. If you have some other demo ideas you're welcome to add your idea here. An if you're up to building a demo yourself just add a link to it here and I'll add it to the collection.

Must have demos

• [x] Images in items
• [x] Links in items
• [x] Horizontal grid
• [x] Custom layout

[SLiNv]

Could somebody who knows how to do nesting using Muuri share some thoughts please 👍
For example: a subentry in Kanban board.

[niklasramo]

@SLiNv There actually is a an example of nesting in the kanban demo on muuri's website. Try sorting the kanban columns by dragging the columns' titles. The kanban board itself is a muuri instance and each column inside the board contains a muuri instance. The kanban code itself is pretty contained so you should be able to get an understanding on how it's done: https://github.com/haltu/muuri/blob/gh-pages/scripts/demo-kanban.js

[SLiNv]

@niklasramo Yes, I notice that the kanban demo is nested, but I'm working to achieve something like this:

where an entry can be a indented sub entry of another.

Could you please point out what parameters or functions I should look at? Thanks.

[niklasramo]

The codepen collection has plenty of examples nowadays to get started. It's still missing examples on how to do advanced nesting, but let's add demo of that later on.