Despite the COVID-19 outbreak, our team continues operating at full speed. We are always here to support and answer all your questions.

Feel free to reach out by filling this quick form.

Fill the form
Get Free Trial

how to add reference to css files for built in themes

Devesh asked on July 24, 2019

I am using fm-pivot in angular project. I have added flex-monster package as guided in documents. I am trying to change theme and for that I have used reference in index.html like:

<link type=”text/css” href=”/node_modules/flexmonster/theme/lightblue/flexmonster.min.css” />
But the changes are not reflecting.
Please help me what am I doing wrong here.

2 answers

Vera Didenko Flexmonster July 26, 2019

Thank you for your question.
CSS and JS references are specified in the angular.json file, for example:

"styles": [ 
"scripts": [ "/node_modules/flexmonster/flexmonster.full.js" ]

To switch to a different theme, simply respecify the corresponding path the following way:

"styles": [ 
"scripts": [ "/node_modules/flexmonster/flexmonster.full.js" ]

More information can be found in our integration with Angular guide.
In case the respecified styles don’t get applied, we kindly suggest re-opening and restarting the project. Afterward, the styles should come into effect.
Please let us know if this works fine for you.
Waiting for your response.
Best Regards,

Devesh July 26, 2019

Thanks Vera!

Please login or Register to Submit Answer