Page 1 of 1

How to use Omega on a existing angular project?

Posted: 03 Jul 2019, 20:37
by kaare
Hi,

I was following the OMEGA Documentation: https://www.primefaces.org/omega-ng/#/documentation

on how to Integration with an Existing CLI Project, and I copy the src/assets,

however in the section on what to add to style :
"styles": [
"../node_modules/primeng/resources/primeng.min.css", //required: PrimeNG components
"node_modules/primeicons/primeicons.css", //required: PrimeIcons
"styles.scss" //your styles and overrides
],

It didn't state to use:
"src/assets/layout/css/layout.css", // where the file to copy from

And also in the project of the omega-ng, it uses "node_modules/primeng/resources/themes/nova-light/theme.css", does that mean the omega theme uses the nova also?

Re: How to use Omega on a existing angular project?

Posted: 08 Jul 2019, 14:03
by merve7
Hi,
Yes, Omega uses nova-light theme and you need to add nova-light and layout.css files in your angular.json file. Also if you use fullcalendar and editor components, you need to add fullcalendar and quill stylesheet files.

Code: Select all

 "styles": [
          "node_modules/font-awesome/css/font-awesome.min.css",	
          "node_modules/primeng/resources/themes/nova-light/theme.css",
          "src/assets/layout/css/layout.css",
          "node_modules/primeicons/primeicons.css",
          "node_modules/primeng/resources/primeng.min.css",
          "src/styles.css"
]