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"
]

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

Posted: 09 Apr 2020, 22:33
by azulBonnet
We just bought Omega only to get the Omega theme (on my boss's account). We were previously on the Omega theme but then it was dropped off so we'd just saved the old CSS but now wanted to update to Angular 9 so we thought we ought to buy the theme since it was no longer free. Did we just buy it for nothing?

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

Posted: 18 Aug 2020, 13:03
by cagatay.civici
Please contact contact@primetek.com.tr for non technical cases. You may switch it to another template as well considering the pricing differences.

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

Posted: 22 May 2023, 10:13
by anura
merve7 wrote:
08 Jul 2019, 14:03
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"
]
Hi,

Nova-ligth theme does not exist anymore in the latest version. Do I need to replace by any other theme to install Omega in an angular project v16 and primeng v16 ?