Stack Overflow
Stack Overflow

Questions tagged [angular-masonry]

An AngularJS directive for Masonry:

18 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
  • 3
  • 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
  • 4,009
  • 14
  • 46
  • 83
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,535
  • 2
  • 25
  • 39
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
  • 544
  • 4
  • 4
2
votes
1 answer

How do I get masonry to work in angular 8

I am looking to have a pinterest style in my angular 8 app, when I found masonry and its functionalities I was very interested, when I compiled my app, it uploads the images but its effect is not applied. I searched and I did not find much…
leandro ramos
  • 21
  • 2
1
vote
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
  • 145
  • 11
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
  • 621
  • 3
  • 9
  • 21
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
  • 546
  • 3
  • 7
1
vote
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
  • 371
  • 2
  • 4
  • 14
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
  • 7
0
votes
1 answer

Masonry not working with bootstrap 5 and angular 13

I have freshly implemented masonry on my website(https://mypleaks.com) along bootstrap 5 and angular 13. I have referred example from https://getbootstrap.com/docs/5.1/examples/masonry/ and added
Raj Bhatia
  • 1,049
  • 4
  • 18
  • 37
0
votes
1 answer

error NG8001: 'ngx-masonry' is not a known element

I'm trying to import the module ngx-masonry in my JHipster app (angluar app). I run npm install ngx-masonry masonry-layout --save Then imported the module inside app.module.ts import { NgModule, LOCALE_ID } from '@angular/core'; import {…
Angelo Tricarico
  • 1,333
  • 1
  • 19
  • 36
0
votes
1 answer

Can we set image width by percentage in ngx-masonry

When I'm trying add width by percentage, it's not working. It's showing like image per row. Is there any way to fix the issue ? Here is my HTML Code:
Sadique Here
  • 53
  • 8
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
  • 93
  • 1
  • 2
  • 9
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,371
  • 11
  • 40
  • 66
1
2