asked on July 12, 2021
Hi Team,
Can you please suggest how to dynamically switch between different themes in flexMonster (for angular application).
Eg: Light to Dark.
⋅ July 13, 2021
Hi Venkatesh,
Thank you for posting your question.
Since Flexmonster themes are configurable through CSS, you need to simply load a new CSS stylesheet to the page to change the theme while also clearing out the previously loaded one.
Here's a JSFiddle sample demonstrating this: https://jsfiddle.net/flexmonster/sohrytu9/.
Please let us know if this helps.
Best regards,
Mykhailo
⋅ July 13, 2021
Hi,
I am loading light-theme file in style.scss file (angular)
@import '../light-theme.css';
How can I switch it to dark when the application theme has changed.
Thanks,
Venkatesh
⋅ July 13, 2021
Venkatesh,
We don't have ready-to-use samples for dynamic SCSS themes with Angular, since this is not a part of the core Flexmonster functionality.
However, we've done a little bit of research on this topic and it looks like this is possible in Angular. Here's a Stack Overflow thread discussing a similar question: https://stackoverflow.com/questions/52952475/change-styles-scss-dynamically-in-angular.
Hope this helps!
Regards,
Mykhailo
