angularjs - How to make custom theme in MEAN -
i new in mean
, going create new website using mean
.
i have created package in mean
using command mean package <package_name>
i have override default templates using app.set('views', __dirname + '/server/views');
command in app.js
of custom package, mean
still rendering angular views within mean's
default layout.
the structure of mean
package folder
packages --core ----admin ----articles ----circles ----swagger ----system ----users --custom ----<my_package> ------public --------assets --------controllers --------directives --------routes --------services --------views ------server --------config --------controllers --------models --------routes --------views ------.bowerrc ------app.js ------bower.json ------package.json ----i18n ----theme
how can render own theme
to change layout view different 1 default view in routes folder under server parent folder, file has function mapped route '/'.
now function in controllers folder. change name of view render this:
exports.index = function(req, res) { res.render('differentviewfile', { user: req.user || null, request: req });
};
to change , feel of site can take advantage of numerous bootstrap themes available out there. lot of them free. use them, have change reference css file (you find in server side view base layout page).
change default bootstrap file different one, , whole app changes. e.g. take @ 16 themes available @ https://bootswatch.com can reference cdn link of themes have directly, or can download css file , add own project.
if want add own styles, can of course create own css file , add appropriate css styles.
Comments
Post a Comment