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?
⋅ 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
⋅ July 26, 2019
Thank you Vera !
