Skip to content

Pinterest like responsive masonry grid system for angular -- Changed to work with percentage grid and dynamic width / height.

License

Notifications You must be signed in to change notification settings

luncht1me/angulargrid

This branch is 9 commits ahead of, 35 commits behind s-yadav/angulargrid:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
luncht1me
Feb 25, 2016
469a38f · Feb 25, 2016

History

49 Commits
Mar 12, 2015
Feb 25, 2016
May 29, 2015
Dec 29, 2015
Feb 25, 2016
Dec 27, 2015
Feb 25, 2016

Repository files navigation

angulargrid

Pinterest like responsive masonry grid system for angular

##Features

  • Complete responsive, figures out columns and width to completely fit the container based on options provided and container width.
  • Animation support on enter or leave of grid items, sorting or resizing using ngAnimate module and css animation.
  • Support any grid system (bootstrap, foundation) for number of columns, grid and gutter width.
  • Perfect handeling of image load.
  • Support left to right or right to left placement of grids.
  • Keeps a watch on list model and options to reflect the changes instantly.

Demo url : http://ignitersworld.com/lab/angulargrid/index.html#demo

Documentation url : http://ignitersworld.com/lab/angulargrid/index.html#documentation

##Updates Release 0.4.0 (Major Enhancements) :

  1. Implemented #9
  • Support bootstrap or any grid system, enable cssGrid option to true, and then plugin will listen grid system (All items need to be of same grid style)
  1. Implemented #10
  • Added direction option which handle direction of grid placement. Default to "ltor" . You can also define "rtol" if you want grid to be placed from right to left.
  1. Implemented #12, #13
  • Added gridNo option to define no of grids at a particular time . (If gridNo is defined plugin does not consider gridWidth option)
  • All options are now dynamic, which can be changed after initialization
  • Added angularGridOptions attribute so that options can be given as single object, or can be defined on controller.
  1. Destroying instance and unbinding events on destroy of scope.

About

Pinterest like responsive masonry grid system for angular -- Changed to work with percentage grid and dynamic width / height.

http://ignitersworld.com/lab/angulargrid/

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 64.5%
  • JavaScript 35.5%