We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Starting with PrimeNG 18, custom template passed through content projection into p-carousel for header is no longer rendered, unlike the custom footer which still renders correctly. See https://stackblitz.com/edit/f5r18n2c?file=src%2Fapp%2Fcarousel-basic-demo.html
No response
https://stackblitz.com/edit/f5r18n2c?file=src%2Fapp%2Fcarousel-basic-demo.html
Prime 19 Angular 19
19
v19
Chrome
Add a custom header to p-carousel
<p-carousel [value]="products" [numVisible]="3" [numScroll]="3" [circular]="false" [responsiveOptions]="responsiveOptions"
<!-- custom header --> <ng-template pTemplate="header"> <div style="background-color: yellow">Custom Header here!!</div> </ng-template>
An element with "Custom Header here!!" text is rendered before the carousel
The text was updated successfully, but these errors were encountered:
Resolved by using #header in place of pTemplate="header" as identifier for ng-template
<!-- NOT WORKING custom header --> <ng-template pTemplate="header"> <div style="background-color: yellow">Custom Header here!!</div> </ng-template> <!-- WORKING custom header --> <ng-template #header> <div style="background-color: yellow">Custom Header here!!</div> </ng-template>
Sorry, something went wrong.
No branches or pull requests
Describe the bug
Starting with PrimeNG 18, custom template passed through content projection into p-carousel for header is no longer rendered, unlike the custom footer which still renders correctly.
See https://stackblitz.com/edit/f5r18n2c?file=src%2Fapp%2Fcarousel-basic-demo.html
Pull Request Link
No response
Reason for not contributing a PR
Other Reason
No response
Reproducer
https://stackblitz.com/edit/f5r18n2c?file=src%2Fapp%2Fcarousel-basic-demo.html
Environment
Prime 19
Angular 19
Angular version
19
PrimeNG version
v19
Node version
No response
Browser(s)
Chrome
Steps to reproduce the behavior
Add a custom header to p-carousel
<p-carousel
[value]="products"
[numVisible]="3"
[numScroll]="3"
[circular]="false"
[responsiveOptions]="responsiveOptions"
Expected behavior
An element with "Custom Header here!!" text is rendered before the carousel
The text was updated successfully, but these errors were encountered: