Stack Overflow
Stack Overflow

Questions tagged [angular-masonry]

An AngularJS directive for Masonry:

15 questions
3
votes
1 answer

Masonry alternative for Angular 2+

I'm working with angular2-masonry in a project with the latest Angular version (v5.1.3) I have being looking for Masonry and other alternatives to implement in my aplication. I tried multiple ones and I didn't like the implementation. I tried doing…
Urko Pineda
  • 134
  • 1
  • 2
  • 15
3
votes
1 answer

How to Integrate Masonry + Infinite Scroll + Angular

I am trying to integrate a masonry grid with infinite scrolling in an angular 4 application. I am using for masonry the following library masonry.desandro.com and for infinite scrolling: ngx-infinite-scroll I am having issues when scrolling, the…
D.B
  • 2,955
  • 10
  • 30
  • 64
3
votes
1 answer

Angular 2 and masonry grid third party library

I want to use Masonry Grid in Angular 2 application. I installed this one: http://masonry.desandro.com/ with: npm install masonry-layout --save and I include that via angular-cli.json "scripts": [ …
Haris Hajdarevic
  • 1,379
  • 2
  • 20
  • 35
3
votes
1 answer

Angular-masonry - expanding an item

In a nutshell, what I want to achieve using the Angular-masonry directive (http://passy.github.io/angular-masonry/) is something like this: http://codepen.io/desandro/pen/htsui I have tried a number of different methods, but the bigger div just…
SnowJon
  • 524
  • 4
  • 4
1
vote
2 answers

Masonry Gallery

I am working with angular and want to create a gallery of masonry images. I tried to implement the gallery, however the images do not appear to me. Does anyone know why they appear and how to solve this problem? I'm new to this kind of environments…
Harry
  • 469
  • 2
  • 11
1
vote
1 answer

Pinterest Style Masonry Grid with Angular 5

This Masonry grid has to take into account both differing height and widths. Any hint on how to do this?
Anthony DiTomasso
  • 486
  • 2
  • 6
1
vote
1 answer

Ionic with Angular-Masonry Brick Overlap

I am working on optimizing a mobile app (built with angular1/ionic1) for iPad and have been running into issues. I am trying to create a two column masonry effect that loads each "card item" (returned from a network request) from left to right. I am…
bigneek
  • 33
  • 4
0
votes
1 answer

ngx-masonry not working properly in Angular. Getting images clustered and overlapping

I have to create this particular layout in Angular 9. I am using the ngx-masonry package. (https://www.npmjs.com/package/ngx-masonry) to create this particular grid. My code is as follows : For html component
…
Geo Mukkath
  • 97
  • 7
0
votes
2 answers

How to bring in the margin in the calculation of the width of an image?

The following code generates a masonry layout:
Opat
  • 63
  • 1
  • 5
0
votes
0 answers

ngx-masonry overlapping images in angular 5

I am using ngx-mansory and lazing loading the images but sometimes(randomly) all images loads on the right side of the window and gets overlapped on one another. I don't know what is causing this. I am using ngx-masonry v1.1.2. thanks in advance. …
Prem
  • 120
  • 10
0
votes
3 answers

How to properly set text caption on image with image on hover

i've been trying to use angular masonry. I've been trying to do something like when hovering over an image, the image will darken, and the caption will be more exposed (high-contrast) over the image to be able to read it properly. However, when i…
lemoncodes
  • 2,177
  • 9
  • 34
  • 59
0
votes
1 answer

Angular Masonry options not working

I'm unable to set options for ng-Masonry: https://www.npmjs.com/package/ng-masonry
None of the options I set appear in the UI. Any way around this?
Brian
  • 189
  • 2
  • 13
0
votes
0 answers

Uncaught Error: Unexpected value 'undefined' imported by the module 'AppModule'

here is my project app module app.module.ts: import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { ServiceService } from './apiServices/service.service'; import { AppComponent } from…
allo
  • 83
  • 3
  • 9
0
votes
1 answer

Keep the original order of media elements in angular2-masonry plugin

I'm using an angular2-masonry plugin for an angular project, where I need to display the media without changing its order. There is no option available for the angular2-masonry plugin. So is there any way to make it happen? Thanks.
abhijeetwebdev
  • 296
  • 3
  • 14
0
votes
1 answer

Three column responsive Masonry grid

I want to show 3 column masonry image grid on Desktop and single column on device. Following plunk works on mobile but it fails on Desktop (lot of gap between two images). I have tried setting width in percent but no luck…
MSK
  • 321
  • 1
  • 3
  • 12