s-yadav / angulargrid

Pinterest like responsive masonry grid system for angular
MIT License
277 stars 105 forks source link

Align all grid items to the left #29

Closed mateusmcg closed 8 years ago

mateusmcg commented 8 years ago

Your package is working perfectly and its aweome :D

And i think this is the intended behavior (to centralize the items) but i was wondering if it was possible to align all items to the left so the grid doesn't get like this:

angulargrid

HTML:

<ul class="dynamic-grid" direction="rtol" angular-grid="vm.shows" grid-width="200" gutter-size="10" angular-grid-id="gallery" refresh-on-img-load="false" >
    <li data-ng-repeat="show in vm.shows" class="grid">
        <img ng-src="{{show.images.poster.thumb}}" data-actual-width="200px"  data-actual-height="250px" class="grid-img" />
        <div class="img-desc-wrap">
            <div class="title ng-binding">
                {{show.title}}
            </div>
        </div>
    </li>
</ul>

Thanks :)

mateusmcg commented 8 years ago

Actually i just found the problem. The 'White Collar' grid goes below the grid with the lowest height (am i right?). I just need to make sure that all grids have the same height and i'm good to go :)

Sorry for this, haha.

s-yadav commented 8 years ago

Yes. Keep all the height same. Just wondering why you need angulargrid if all height are same? You can just use float left right.

On Friday, January 8, 2016, Mateus Cerqueira Gonçalves < notifications@github.com> wrote:

Actually i just found the problem. The 'White Collar' grid goes below the grid with the lowest height (am i right?). I just need to make sure that all grids have the same height and i'm good to go :)

Sorry for this, haha.

— Reply to this email directly or view it on GitHub https://github.com/s-yadav/angulargrid/issues/29#issuecomment-169833507.

mateusmcg commented 8 years ago

Because i just pass my list to the model and i'm good to go, just need to do some css. So basically it is easy to use and i liked the animations.