pdb-js/src/app/visualization-page/visualization-page.component.html

@@ -52,7 +52,7 @@
      <pdb-y-axis-definition #y1AxisDefinitionComponent yIndex="1"></pdb-y-axis-definition>
      <pdb-y-axis-definition #y2AxisDefinitionComponent yIndex="2" [hidden]="!y2AxisAvailable"></pdb-y-axis-definition>
      
-     <mat-checkbox *ngIf="galleryEnabled" [(ngModel)]="enableGallery">Gallery</mat-checkbox>
+     <mat-checkbox *ngIf="galleryEnabled" [(ngModel)]="enableGallery" (click)="toggleGallery($event)">Gallery</mat-checkbox>
      
      <mat-form-field *ngIf="enableGallery" class="pdb-form-full-width">
         <mat-label>Split By:</mat-label>

pdb-js/src/app/visualization-page/visualization-page.component.ts

@@ -96,8 +96,6 @@ export class VisualizationPageComponent implements OnInit, AfterViewInit {
         this.plot();
       }
     });  
-
-
   }
 
 ngAfterViewInit(): void {
@@ -128,6 +126,10 @@ ngAfterViewInit(): void {
   }
 }
 
+toggleGallery(event: Event){
+  this.galleryView.show = this.enableGallery;
+}
+
   loading(event: LoadingEvent) {
     this.plotJobActive = event.loading;
   }