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

Popular posts from this blog

qt - Using float or double for own QML classes -

Create Outlook appointment via C# .Net -

ios - Swift Array Resetting Itself -