July 2017
Intermediate to advanced
384 pages
8h 23m
English
The OverlayPanel is a container component that displays additional information on top of the other components in the page. This element will be displayed using the show or toggle method of a local ng-template variable, and it can be hidden using the hide or toggle method. Remember that the show method will allow a second argument as the target element, where it has to display the Overlay (instead source). A basic example of the Overlay component with the source button generator will be written as follows:
<p-overlayPanel #overlaybasic> <img src="/assets/data/images/primeng.png" alt="PrimeNG Logo" /></p-overlayPanel><button type="button" pButton label="Logo" (click)="overlaybasic.toggle($event)"></ ...
Read now
Unlock full access