This commit is contained in:
Çetin 2021-12-23 12:04:11 +03:00
commit aeff1236fe

View File

@ -26,13 +26,13 @@
<div class="grid formgrid"> <div class="grid formgrid">
<div class="col-6"> <div class="col-6">
<button type="button" pButton label="Image" (click)="op1.toggle($event)" class="p-button-success"></button> <button type="button" pButton label="Image" (click)="op1.toggle($event)" class="p-button-success"></button>
<p-overlayPanel #op1 [showCloseIcon]="true" [style]="{width: '375px'}"> <p-overlayPanel #op1 [showCloseIcon]="true" [style]="{width: '450px'}">
<img src="assets/demo/images/nature/nature1.jpg" alt="Nature 1" style="width:100%"/> <img src="assets/demo/images/nature/nature1.jpg" alt="Nature 1" style="width:100%"/>
</p-overlayPanel> </p-overlayPanel>
</div> </div>
<div class="col-6"> <div class="col-6">
<button type="button" pButton label="DataTable" (click)="op2.toggle($event)" class="p-button-success"></button> <button type="button" pButton label="DataTable" (click)="op2.toggle($event)" class="p-button-success"></button>
<p-overlayPanel #op2 [showCloseIcon]="true" [style]="{width: '375px'}"> <p-overlayPanel #op2 [showCloseIcon]="true" [style]="{width: '450px'}">
<ng-template pTemplate> <ng-template pTemplate>
<p-table [value]="products" selectionMode="single" [(selection)]="selectedProduct" [paginator]="true" [rows]="5" (onRowSelect)="op2.hide()" responsiveLayout="scroll"> <p-table [value]="products" selectionMode="single" [(selection)]="selectedProduct" [paginator]="true" [rows]="5" (onRowSelect)="op2.hide()" responsiveLayout="scroll">
<ng-template pTemplate="header"> <ng-template pTemplate="header">