hello, I found that when modifying the angular.json to include the styles was not the correct approach with Angular 12. Instead, add those 3 lines as css @import in the styles.css file for the project and it will work fine. Here's one line as a guide/example: @import '../node_modules/primeng/resouces/themes/nova/theme.css';
I do see now that obviously in the ootb css files there are some classes missing. In my case "p-carousel" I used all three mentioned css files node_modules/primeicons/primeicons.css node_modules/primeng/resources/themes/lara-light-indigo/theme.css node_modules/primeng/resources/primeng.min.css when I do a search in the whole project for all files I cannot see p-carousel. Any idea?
tebrikler gerçekten. angular ui component library dendiğinde akla ilk gelen kütüphanelerden biri olmayı başarmış çok güzel. sürekli kullanıyorum. başarılarınızın devamını dilerim.
i try to install version 10 primeng but i have more problems npm ERR! Unexpected token } in JSON at position 654060 while parsing near '...r3g==" npm ERR! } npm ERR! } npm ERR! } npm ERR! '
@@cagataycivici I set one theme, like the video show, but it doesn't apply the styles completely (for example, the input text doesn't changue of color when it has the focus, or the fonts doesn't change). I need writing something in styles.css?
Thank you for news and work you made. PrimeNG components are really useful in enterprise world.
Thanks. So far Primeface is by far the neatest and most straight forward library ever existing. Love to see more of it.
hello, I found that when modifying the angular.json to include the styles was not the correct approach with Angular 12.
Instead, add those 3 lines as css @import in the styles.css file for the project and it will work fine.
Here's one line as a guide/example:
@import '../node_modules/primeng/resouces/themes/nova/theme.css';
awesome thanks. I searched and found nothing why this had not worked. Really appreciate this!
I do see now that obviously in the ootb css files there are some classes missing. In my case "p-carousel"
I used all three mentioned css files
node_modules/primeicons/primeicons.css
node_modules/primeng/resources/themes/lara-light-indigo/theme.css
node_modules/primeng/resources/primeng.min.css
when I do a search in the whole project for all files I cannot see p-carousel.
Any idea?
p-carousel is in the theme files. Seems that my overall project search had not worked properly
Thanks for this introduction. I was just looking for tutorial on primeng. So we still waiting for the next videos
Great to see. Looking forward to more videos from you!
More to come!
Thanks for the introduction :)
Cool library
you explain so well, calm, warm, informative!
As seen in the video, the text output inside ... has not style (Times New Roman Font). How can i change the style according to the theme?
Really appreciate the time you put in to making these!
Good! Many thanks.
Great component library, the p-inputNumber is awesome!
very clear & precise. I would like to see more of this awesome content. Thank you in advance, Cagatay
You got it!
Thanks, it was very useful for Angular Developers
Thanks! A very good video.
Glad it helped!
Thanks for providing intro .
tebrikler gerçekten. angular ui component library dendiğinde akla ilk gelen kütüphanelerden biri olmayı başarmış çok güzel. sürekli kullanıyorum. başarılarınızın devamını dilerim.
it's not working with angular 8.1. It throws the "An accessor cannot be declared in an ambient context" error
Not sure what is wrong. My suggestion would be using the latest if possible. Also PrimeNG 8.x should be used with Angular 8.
the best ui for control panel
Tysm , please make more videos
I am Loving it. Thanks a lot
You are most welcome
Where is PrimeNg Form and how to align it??
Thank you for good getting started tutorial.
Glad it was helpful!
Thank you for the tutorial. It really nice and clear. This is just what I looking for
Glad to hear that!
I used to have the same wallpaper
is it compatible con angular cli version ~10.2.0? i have errors when i put everything module
i try to install version 10 primeng but i have more problems npm ERR! Unexpected token } in JSON at position 654060 while parsing near '...r3g=="
npm ERR! }
npm ERR! }
npm ERR! }
npm ERR! '
Many thanks for this awesome tutorial
You are welcome!
Thanks for sharing the examples! Very brief and understandable 👍
This version supports angular 11?
PrimeNG 11 should be used with Angular 11.
thanks good instructor
Please make video on file-upload with custom model and API integration
how do we customize the input text..??
See the PrimeNG Theme Designer Part I and Part II videos to get an idea.
it doesn't work with angular 12...
And the error is?
@@cagataycivici I set one theme, like the video show, but it doesn't apply the styles completely (for example, the input text doesn't changue of color when it has the focus, or the fonts doesn't change). I need writing something in styles.css?
It would be much better if you increased the resolution of the screen, practically nothing of what you write is seen.
Thanks but looks good to me on 1080p
doesn't work styles won't get added
Try doing a recompile of your ng serve