Masonry style grid Ionic v4

@joelmeaders wrote:

Does anyone know how to get the Ionic grid to show things in a masonry style in v4? The default behavior sets columns in the same row to the largest column height.

image.png874×819 50.9 KB

<ion-grid class="ion-no-padding">
    <ion-row class="ion-align-items-start">
      <ng-container *ngIf="viewService.getCardView() | async; else listView">
        <ion-col *ngFor="let item of $reviewCollections | async" sizeXl="4" sizeLg="6" size="12">
          <app-collection-card
            [item]="item"
            (click)="navigate(item.Id)"         
            [attr.tappable]="canEditCollections ? '' : undefined" 
          ></app-collection-card>
        </ion-col>
      </ng-container>
    </ion-row>
  </ion-grid>

Posts: 1

Participants: 1

Read full topic