Relative Content

Tag Archive for angularprimeng

how to call a function on closing a tab in primeng tab component, p-tabPanel, p-tabView in Angular

<p-tabView [controlClose]=”true”> <p-tabPanel *ngFor=”let tab of tabs” [header]=”tab.actionName” (click)=”selectTab(tab)” [selected]=”tab.selected” (onClose) = “close(tab)” [closable]=”tab.closable”> </p-tabPanel> </p-tabView> <ng-container *ngIf=”selectedTab”> <ng-container *ngComponentOutlet=”selectedTab.actionComponent; inputs: selectedTab.inputs”></ng-container> </ng-container> i want to call a funtion to perform some action whenever i close some tab, unfortunately the onclose is not working on p-tabPanel I recently faced the same issue, the problem is […]

initialize primeng editor component with existing data

Hi this is my editor editor.component.html where i am using primeng editor. i am using it in a form that allows to fill this editor either while creating a meeting or editing it. In the case of create, everything is working normally, in my payload i send an html of whatever i write in the editor.

Make p-panel stretches to its parent’s spac

I am using Angular (18.0.0) with PrimeNG (17.18).
I am aligning p-panel horizontally and then wrap to the next line.
I would like that each p-panel uses the full space of its parent.
Unfortunately, the p-panels in a row do not have the same size as you can see in the screenshot:
Here is the outcome
I am using Edge browser.
Any idea how to make Panel 2 and Panel 3 have the same size as Panel 1 ?
Here is my component:

(Angular: PrimeNG) Make p-panel stretches to its parent’s spac

I am using Angular (18.0.0) with PrimeNG (17.18).
I am aligning p-panel horizontally and then wrap to the next line.
I would like that each p-panel uses the full space of its parent.
Unfortunately, the p-panels in a row do not have the same size as you can see in the screenshot:
Here is the outcome
I am using Edge browser.
Any idea how to make Panel 2 and Panel 3 have the same size as Panel 1 ?
Here is my component: