Get Free Trial
Get Free Trial

What does it mean by theme/ folder

Devesh asked on July 24, 2019

Hi,
In pivot component customizing themes documentation it is written that add a custom theme inside ‘theme’ folder. My question is what does this theme folder refers to. Where this folder should be?
If it refers to the same folder in flex-monster library then how Am I supposed to change this folder inside library as it would be inside node_modules (btw I am using angular 4+).
can you Please guide me here?

Attachments:
custom theme.PNG

2 answers

Public
Vera Didenko Flexmonster July 26, 2019

Hello, 
 
 
Thank you for your reply.
 
 
The theme/ folder referred to in the documentation is the one provided in the flexmonster/ folder inside the node_modules/. If you want to use one of the predefined themes, just refer it by specifying its path.
 
For applying custom themes, we kindly suggest storing the styling in a different location depending on your project’s structure.
 
An important remark is that in Angular, CSS and JS references are specified in the angular.json file, for example:

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

 
 
To specify your custom theme, simply respecify the corresponding path:

"styles": [ 
	"styles.css", 
	"path_to_your_theme/your_theme_name.min.css" 
],
"scripts": [ "/node_modules/flexmonster/flexmonster.full.js" ]

More information can be found in our integration with Angular guide.
 
 
We would like to add that if 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 you have further questions.
 
Best Regards,
Vera

Public
Devesh July 26, 2019

Thank you Vera !

Please login or Register to Submit Answer