Module Specific CSS Set Selection

0
For today I have to have a project with a buch of different modules showcasing layouts and template conversions from startbootstrap/themeforest I would appreciate any suggestions or ideas as to implement module specific CSS injection (via those mxui.dom.addCss("my/custom.css"); and getCss(path, doc) thingamabobs). I want specific CSS to go in and all others to go out based on on what page in what module the user is. Thankyou very much
asked
2 answers
0

Currently I execute stuff like the following from module specific layouts via custom widgets or just plain html/js snippets placed in those layouts.

/* module1 */
mxui.dom.addCss(    "css/module1/theme.css");
mxui.dom.removeCss( "css/module2/theme.css");
mxui.dom.removeCss( "css/module3/theme.css");

.
.
.

/* module2 */
mxui.dom.removeCss( "css/module1/theme.css");
mxui.dom.addCss(    "css/module2/theme.css");
mxui.dom.removeCss( "css/module3/theme.css");

.
.
.

/* module3 */
mxui.dom.removeCss( "css/module1/theme.css");
mxui.dom.removeCss( "css/module2/theme.css");
mxui.dom.addCss(    "css/module3/theme.css");

This seems uncool

answered
0

You can set custom classes for your pages or layouts and create your CSS depending on these classes.

answered