https://github.com/orangewise/robodo-masonrify

Easily add Masonry-style dynamic layouts to Meteor.
https://github.com/orangewise/robodo-masonrify

Last synced: 8 days ago
JSON representation

Easily add Masonry-style dynamic layouts to Meteor.

• Host: GitHub
• URL: https://github.com/orangewise/robodo-masonrify
• Owner: orangewise
• Created: 2015-03-24T20:48:45.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-03-24T21:09:46.000Z (over 9 years ago)
• Last Synced: 2024-04-20T10:22:41.367Z (7 months ago)
• Language: JavaScript
• Size: 141 KB
• Stars: 2
• Watchers: 3
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
robodo-masonrify

================

Easily add Masonry-style dynamic layouts to Meteor.

Based on voodoohop:masonrify, but using Masonry, not Isotope as the render engine.

No Coffeescript :)

usage:

```sh

$ meteor add robodo:masonrify

```

The container div is created using the #masonryContainer block helper. For each masonry instance you wish to use define one id for the container, e.g. id="MasonryContainer".

```html

{{#masonryContainer columnWidth=115 transitionDuration="0.1s" id="MasonryContainer" }}

  ...

{{/masonryContainer}}

```

Use the {{#masonryElement}} block helper to create the individual elements to be layouted. Pass the id previously defined...

```html

{{#masonryContainer columnWidth=115 transitionDuration="0.1s" gutter=2 id="MasonryContainer" }}

 {{#each exampleContentCollection}}

   {{#masonryElement "MasonryContainer"}}

     ... content ...

   {{/masonryElement}}

 {{/each}}

{{/masonryContainer}}

```