PrimeNG 19 – Changing background color to headers and footers
I’ve been using PrimeNG since Angular 4. I updated my apps to Angular 18 and PrimeNG 17, because PrimeNG was late in updating. This week I updated my first app with the latest 19 both Angular and PrimeNG. I’m having difficulty in getting the theme completely configured. I’ve only found this article ‘Dark theme switch in Angular with PrimeNG 18 and Tailwind’, the PrimeNG Theming documentation and the PrimeNG source on github. I’ve had some progress, but I’m currently stuck on the setting the background and text colors of the dialog header and footer. This is what I’ve got:
PrimeNG 19 – Changing background color to headers and footers
I’ve been using PrimeNG since Angular 4. I updated my apps to Angular 18 and PrimeNG 17, because PrimeNG was late in updating. This week I updated my first app with the latest 19 both Angular and PrimeNG. I’m having difficulty in getting the theme completely configured. I’ve only found this article ‘Dark theme switch in Angular with PrimeNG 18 and Tailwind’, the PrimeNG Theming documentation and the PrimeNG source on github. I’ve had some progress, but I’m currently stuck on the setting the background and text colors of the dialog header and footer. This is what I’ve got:
How to Adjust Row Heights in PrimeNG’s p-table, Specifically for p-columnFilter Rows?
I am working on a PrimeNG p-table component where I want to ensure that the height of the row containing the p-columnFilter components matches the height of the header row and the “Search keyword” input row. However, I am having trouble achieving this, and I’m not sure what the best approach is for styling these elements consistently.
Primeng angular dialog
I am trying to override the style of primeng angular p-dialog-content. But to no avail. It is also styled in global css of the project. So maybe that’s another reason why it doesn’t work.
When i remove the class popup from the css, then it works.
Remove p-timeline-event-opposite space from PrimeNG Timeline in Angular 17
I am using the PrimeNG Timeline module to display a couple of simple horizontal timelines with content on the top side in a table. How can I remove the space taken up from the .p-timeline-event-opposite section? When I use the chrome debugger and select the timeline element the .pitimeline-event-opposite is always there taking up space.
How can I override PrimeNG p-divider color
Question is how can I override the color of primeng’s p-divider in Angular. Using version 17.