SB Admin Bootstrap 4 Angular 5 | StartAngular [PDF]

SB Admin Bootstrap 4 Angular 5 Home (https://startangular.com) / SB Admin Bootstrap 4 Angular 5

Wish to have it customized? If you like our theme, but wish to have it customized your way, you can hire the Start Angular team to do that for you. Write to us here.

Description This project is a port of the famous Free Admin Bootstrap Theme SB Admin v2.0 (http://startbootstrap.com/template-overviews/sb-admin-2/) to Angular-4 (https://angular.io/) Theme Features: Upgraded to Angular 5.0.0. Production and development builds. End-to-end tests with Protractor. Ahead-of-Time compilation support. Development server with Livereload.

(https://startangular.com/wp-content/uploads/2016/02/Banner.jpg)

Following the best practices for your application’s structure. Manager of your type definitions using @types. Sample unit tests with Karma. Also, check out HTML Bootstrap-4 version of the theme (http://www.strapui.com/themes/sb-admin-html-bootstrap-4/? utm_source=StartAngular&utm_medium=SBAngular2&utm_campaign=StartReact). Download (https://github.com/start-angular/SB-Admin-BS4-Angular-5/archive/master.zip) Preview (http://rawgit.com/start-angular/SB-Admin-BS4-Angular-5/master/dist/) Github (https://github.com/start-angular/SB-Admin-BS4-Angular-5)

Installation steps (https://github.com/start-angular/SB-Admin-BS4-Angular-5/blob/master/R

Reviews (89)

89 reviews for SB Admin Bootstrap 4 Angular 5 rino – December 21, 2017:

Can I get the Demo please. It seems the DEMO link doesn’t work

admin – January 2, 2018:

You can check the demo here-http://rawgit.com/start-angular/SB-Admin-BS4-Angular-5/master/dist/dashboard

Jennifer – November 14, 2017:

Hi, I love this, great work! This is probably a stupid question but I tried replacing the favicon in the title (that shows up on the browser tab) by physically replacing the asset favicon.ico with my own, but it still shows the original SB logo favicon. Is this favicon being pulled from a URL somewhere else in the project? I tried searching in the project, but couldn’t find it.

admin – January 2, 2018:

That might be a caching issue. Please clear the cache of the browser and reopen the app or try to open the app in incognito mode. Use ‘placement’ instead of ‘up’, also refer this link- https://ngbootstrap.github.io/#/components/dropdown/api (https://ngbootstrap.github.io/#/components/dropdown/api)

Shreyas – November 3, 2017:

Very helpful and covers all the basics to make site

admin – January 2, 2018:

Thanks for the appreciation.

Denis – October 2, 2017:

Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’ Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin’ at Function.Module._resolveFilename (module.js:489:15) at Function.Module._load (module.js:439:25) at Module.require (module.js:517:17) at require (internal/module.js:11:18) at Object. (E:\latihan web\SB-Admin-BS4-Angular-4\node_modules\html-webpack-plugin\lib\compiler.js:11:26) at Module._compile (module.js:573:30) at Object.Module._extensions..js (module.js:584:10) at Module.load (module.js:507:32) at tryModuleLoad (module.js:470:12) at Function.Module._load (module.js:462:3) at Module.require (module.js:517:17) at require (internal/module.js:11:18) at Object. (E:\latihan web\SB-Admin-BS4-Angular-4\node_modules\html-webpack-plugin\index.js:7:21) at Module._compile (module.js:573:30) at Object.Module._extensions..js (module.js:584:10) at Module.load (module.js:507:32) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `ng serve –ec true –port 4201` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Denis\App id="d"): ng:///D:/angular/mono – Copy/src/app/layout/bscomponent/components/dropdown/dropdown.component.html@15:33 ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'D:\angular\mono – Copy\src' @ ./src/main.ts 3:0-74 @ multi ./src/main.ts How to resolve this

admin – September 19, 2017:

Kindly raise an issue at https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues).

Girish – September 4, 2017:

Hi Admin I am using angularjs2 and i already have some pages and i don’t no how to integrtae this template with my project please suggest some hints or steps

admin – September 19, 2017:

This theme uses Angular 4 so you need to upgrade your code from angular 2 to 4.

Prasanth – August 29, 2017:

Good Theme. am new to angular. when i refresh the page (page reload using click the f5 button) error will occur.. error is page not fount.

admin – September 19, 2017:

You need to use some Redirect Rule which redirects to index.html page on your server, for example .htaccess file for apache server.

NSK – August 28, 2017:

We are trying to use this theme for our product development and further enhance as per our needs. Since this theme is developed using “Developed using boostrap-v4.0.0-alpha.6” which is not stable. Kindly let me know how it is going to impact us in development and shipment?

admin – September 19, 2017:

Firstly you need to update bootstrap then you can use it as per your requirement.

Basavaraj – August 22, 2017:

How to integrate it with backend nodejs+expressjs

Anup Kumar Bid – August 19, 2017:

Theme is very nice but, ng build –prod is giving errors. Can you help please?

Manuel Giron – August 9, 2017:

I love your template. A very good work. Congratulations! I’ve got just a problem: I can’t display bootstrap glyphicons. Would you know how to do it? Thank you!

Remon – July 27, 2017:

Thank you for this professional theme .. Translation is working fine at local/dev. envirment but when I run “ng build –prod” to deploy the theme, translation isn’t working after deployment ! Any help pls.

admin – September 19, 2017:

Kindly raise an issue at https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues).

Jheyson Bedoya – July 26, 2017:

Not show logout in devices mobile.

admin – August 7, 2017:

Thanks for pointing the issue, we will look into it and fix it.

Rakesh Gujjar – July 11, 2017:

Very nice template. Thank you. But i want to integrate Material Design Styles for the Forms. Its causing issue. Can you guide me a bit .?

admin – July 24, 2017:

Thanks for the appreciation. We haven’t tried it yet but you can refer angular material docs.

Rakesh Gujjar – July 11, 2017:

Very nice template. Thank you. But i want to integrate Material Design Styles for the Forms. Its causing issue. Can you guide me a bit .?

admin – September 19, 2017:

Kindly raise an issue at https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues).

avatsaev – June 26, 2017:

This just might be the perfect bootstrap Angular 4 admin dashboard, damn it took me so much time to find it.

admin – June 27, 2017:

Thanks for the appreciation.

Praveen – June 20, 2017:

is this MIT release?? or paid?

admin – June 27, 2017:

It’s an open source theme.

mack – June 19, 2017:

This is not working for me. Angular version 4.2.2.

admin – June 27, 2017:

Kindly share the screenshot of the error log. Or you can mail us at [email protected] (mailto:[email protected]).

Himanshu – June 8, 2017:

Great Template! I have a question though how can we access the loading blank page with loader on it .

admin – June 30, 2017:

Kindly raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues).

MOHD – June 5, 2017:

hi admin i was trying to install sbadmin link:https://github.com/start-angular/SB-Admin-BS4-Angular-4/blob/master/README.md (https://github.com/startangular/SB-Admin-BS4-Angular-4/blob/master/README.md) but when i run npm start i got follwing error.syntax error unexpected token = path :D:\xamppNew\htdocs\SB-Admin-BS4-Angular-4-master\node_modules\@angular\cli\models\config.js.please suggest.

admin – June 30, 2017:

Kindly raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues)

paulo marinho – May 26, 2017:

Im trying to personalize it but I cant do a single route of my components work, and i havent seen how to do it. anyone?

admin – June 30, 2017:

Please raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues)

Alex – May 23, 2017:

How can i use JQUERY in my own components? pleas helpme i can not found “project.config.ts” file

admin – June 30, 2017:

Please raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues)

Alex – May 2, 2017:

Hi is it possible to show username dropdown even with resized view?

admin – June 30, 2017:

Kindly raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues)

Alex – May 2, 2017:

Hi, I want access to my backend with spring boot and show me a error —XMLHttpRequest cannot load http://localhost:8080/Proveedor/crearProveedor (http://localhost:8080/Proveedor/crearProveedor). No ‘Access-Control-AllowOrigin’ header is present on the requested resource. Origin ‘http://localhost:5555’ is therefore not allowed access. The response had HTTP status code 415. help me please..

admin – June 30, 2017:

Kindly raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues)

Ganesh – April 28, 2017:

Great job! After build the project we need to deploy into tomcat hole dist folder or ‘prod folder is enough? And when when i deploy prod folder into tomcat its running well. But when we refresh the browser it is giving error 404. Can you please help me on this. Please respond till my issue solved. Thanks in advance.

admin – June 30, 2017:

Kindly raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues)

Ganesh – April 26, 2017:

Great Template! Really it’s Awesome! When we build the prod build Iam getting prod folder in dist. and it is running well. When I copy thet ‘prod’ folder in to my tomcat webapps, Iam able to run it but when I refresh the browser it showing 404 error. I have changed the base path also. But it is not working. Can you please help me on this. Thanks in advance.

admin – June 30, 2017:

Kindly raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues)

Shenza – April 25, 2017:

Hi, Love the theme. A little question though. I have started a new project following angular.io tutorial (https://angular.io/docs/ts/latest/tutorial/ (https://angular.io/docs/ts/latest/tutorial/)). Now I want to integrate this theme in my project. Angular tutorial is based on npm. Can you please guide me? I have downloaded theme, what is next step

admin – June 30, 2017:

You need to install the theme, refer this link to get the installation steps: https://github.com/start-angular/SB-Admin-BS4-Angular4/blob/master/README.md (https://github.com/start-angular/SB-Admin-BS4-Angular-4/blob/master/README.md). Also you can raise an issue here: https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues)

Riccardo Proietti – April 24, 2017:

I’d like the first page was the login page. So I changed the routing in app-routing.modules.ts changing { path: ”,redirectTo:’login’ ,pathMatch: ‘full’} and also adding { path: ‘layout’, loadChildren: ‘./layout/layout.module#LayoutModule’ }. Now after the login in the ngOnit() of layout.componentes i do if (this.router.url === ‘/layout’) this.router.navigate([‘dashboard’]); } ma I obtain the error “ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment dashboard’ . The Children of the Layout seems dont’ load. So my question is how I can modify the code to have first the login and tha access to the layout pages?

admin – June 30, 2017:

Kindly raise an issue here https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues)

surfspider – April 24, 2017:

How can I customize the background color of the sidebar and header (items)? I tried to set the variable $graydark in /src/styles/bootstrap/_custom.scss but it has not effect.

admin – April 24, 2017:

You need to change style in header.component.scss and sidebar.component.scss located in shared/components.

Alessandro – April 18, 2017:

Hi I have an issue with routing, when I am logged in, I deactivate /login route but for some reason when I try to go back from dashboard to login a white page only with header and sidebar is loaded with this route: http://localhost:4200/ (http://localhost:4200/) , it’s strange because also in your preview this happen

admin – April 24, 2017:

You need to add auth-guard in layout-routing.module file.

Esteban – April 14, 2017:

How can I update the bootstrap scss files when a new version had been released?

admin – April 24, 2017:

You need to replace bootstrap scss folder located in styles folder.

Laszlo – April 12, 2017:

Hi Why put Bootstrap v4.0.0-alpha.6 into styles folder? Maybe is it a modified bootstrap or standard? Why not put the dependency into package.json and use it a “standard” way?

admin – April 24, 2017:

The reason is there you can change default bootstrap styling, ie: gutter width, margin etc.

sparkadal – April 3, 2017:

Hello first of all , I congratulated you about all your work. My question is how can I adjust configuration to point to the UMD BUNDLE in systemjs config file like this map: { ‘@ng-bootstrap/ng-bootstrap’: ‘node_modules/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js’, }

admin – April 24, 2017:

Our current theme is developed using angular-cli which is webpack based and ng bootstrap is already configured.

new2Angular – April 1, 2017:

Hi, I am new to developing UX applications and started with Angular 2 now. I like the template and i need to embed this in Visual studio 2015. When i open the project in VS CODE and use instructions as mentioned, the site is up and able to browse it successfully. But, i would like to integrate this to an webApi project. Do you have any sample project with same dashboard template in Visual Studio? Right now, when i add all these files, Visual studio is throwing me so many errors (Seems the build process is little different with VS). Any help is appreciated. Thanks and waiting for reply !

admin – April 24, 2017:

If you are able to run any other angular project in Visual Code then you can run this as well.

bilel – March 27, 2017:

I’ve been trying to make a spring backend to this template, in ordrer to do that i need to change the dist folder to the static one of spring usually i do that by changing the angular-cli.json file but i can’t seem to find it in your template.. HELP

admin – April 24, 2017:

Angular-cli version is released, you can use that.

Robin – March 27, 2017:

This is an awesome template, really really appreciate the work! Is there any target date for the next release that will work with webpack and angular-cli? Thanks!

admin – April 24, 2017:

It’s already released, please clone the latest code. Thanks for your appreciation.

Praveen Gaddam – March 6, 2017:

This is simply awesome, I liked it very much. One thing is, I want to add my own css or scss file, common for all the components. How to add, and how to configure

admin – April 24, 2017:

You need to add your style in app.scss file located in src/styles/app.scss. Thanks for the appreciation.

Surya – February 28, 2017:

My question is how add 3level submenu in sidebar. help me.

admin – March 3, 2017:

Please follow the same as sub-menu, means you need to use another variable to control third level menu. Logic will be same as sub-menu.

Cliff Li – February 28, 2017:

Hi, I love the theme and the structure, and It is a great example to learn angular 2! Thanks for your great job! By the way, do you have any plan to migrate this awesome to @angular/CLI structure? I think is will save a lot of time to create the theme in the future.

admin – March 3, 2017:

Thanks for the appreciation. At the moment we are unable to provide any ETA but will be updated after some time.

asma – February 17, 2017:

hi ,how can i open a template angularjs ?

admin – March 3, 2017:

Kindly let us know your query in more details.

Mokhtar – February 10, 2017:

i can’t change the background color of register page

admin – March 3, 2017:

Just open the main.scss file and there you can change, it will reflect once changed.

barbatrukko – February 7, 2017:

Hi, very nice work! But WHY in this bottstrap (but also in all free ng2 admin template) is not present a real nice datepicker? Best regards

admin – March 3, 2017:

Thanks for the appreciation. Kindly refer this link- http://kekeh.github.io/mydatepicker/ (http://kekeh.github.io/mydatepicker/)

sanjeevani – February 3, 2017:

Hello, Great job! i need help to add jquery. i executed npm install jquery and then tried to use var container: any = $(‘#container’); But unfortunately its not working. Please help me to resolve this problem.

admin – March 3, 2017:

You need to add jquery path in project.config.ts file.

Rahma Nefai – February 1, 2017:

hello, thanks for this great template. i want to do a symfony app with netbeans, how can i integrate this template? how is it possible to work with angular and symfony both with netbeans? can you help me?

admin – March 3, 2017:

Thanks for the appreciation. If you are able to run any other angular 2 project with netbeans then this will be the same as well.

Ferhatos – January 14, 2017:

Hello, Thank you for this great project. It’s complete and perfect ! Is there any way to increase build.prod gulp task performance ? It take 22 minutes and use only 150MB of memory whereas I’ve 16GB on my local machine. Thank you

admin – March 3, 2017:

Just disable linting in gulpfile.ts for build command. It should work fine. Thanks for the appreciation.

Ferhatos – January 14, 2017:

Hello, I’m using all features, it’s perfect and free. Thank you for this verry good job ! I’ve a question. I try to add a new font. 1 – I put the woff2 file in src/client/fonts 2- add a fonts.scss with @font-face in the same dirrectory 3- add {src: `${this.APP_SRC}/fonts/fonts.css`, inject: true, vendor: false} to this.APP_ASSETS in project.config.ts So now, it’s working like a shim in dev mode (dist/dev is ok). But not working in prod mode Where can I, on build.prod gulpo task : 1 – compile my “fonts.scss” to “fonts.css” 2 – add the compiled “fonts.css” to “main.css” Thank you verry much

admin – September 19, 2017:

You can raise an issue at https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues (https://github.com/start-angular/SB-Admin-BS4Angular-4/issues).

dantavo – January 10, 2017:

Very nice template but can you explain how I can use it in a project configured by system.js?

admin – March 3, 2017:

Open seed.config.ts and add the required things.

Vinay – December 29, 2016:

I loved the Theme But Can anyone help me : How to Integrate This with Visual Studio 2015

admin – January 5, 2017:

Thanks Vinay. Please refer this link https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html (https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html).

ankit parmar – December 28, 2016:

how to set this theme in laravel 5.3?

admin – January 5, 2017:

You need to install laravel and then just copy the html and css from this theme.

Rajs – December 27, 2016:

Hi Team, This theme is awesome. I apologies if my below question doesn’t make sense. I am currently working on a Django app, does anyone know or guide me how i can use this along with Django? Do I need to make restful calls? or can i use normal template syntax? Thanks, Rajs

admin – January 5, 2017:

We don’t use Django and unfortunately we are unable to help you with this. But yes you need to use restful calls.

admin – January 5, 2017:

Thanks for the appreciation.

Kumar – December 22, 2016:

How could I use Express js with this template so that I could upload it on live lets say amazon server with my port number?

admin – January 5, 2017:

Please refer this link https://github.com/vyakymenko/angular2-seed-express (https://github.com/vyakymenko/angular2-seed-express).

Jack – December 8, 2016:

This is GREAT!!!

admin – December 28, 2016:

Thanks Jack.

ilia – November 29, 2016:

hi:) i have a question about lazy loading i did the next : export const LoginRoutes: Route[] = [ { path: ‘login’, loadChildren: “app/login/login.module#LoginModule } ]; when i run gulp build.dev i work great when i run gulp build.prod it’s not wotking!!!! anybody can help me pls!!!???

admin – December 7, 2016:

Currently lazy loading is not compatible with this project.

hannan – November 28, 2016:

Hi , If i want to include angular material2 inside this theme, is there any way to do it?

admin – December 7, 2016:

Kindly refer this link https://github.com/angular/material2/blob/master/GETTING_STARTED.md (https://github.com/angular/material2/blob/master/GETTING_STARTED.md).

rishi – November 17, 2016:

Great work , i was facing problem when i built server and added to this application, as sb-admin has it’s own package.json and it’s own entry point. I am new to MEAN stack, please help me add a server. when i do npm init it is initializing sb-admin js files and downloading it’s dependencies on npm-install how could add my server ?

admin – December 7, 2016:

You can refer this link https://github.com/vyakymenko/angular2-seed-express (https://github.com/vyakymenko/angular2-seed-express)

Hannan Isa – November 16, 2016:

hi your preview for menu didnt work

admin – December 7, 2016:

That’s just an implementation of sub menu, you can link it with your other component.

Aniruddha Das – October 30, 2016:

Are you planning to move to bootstrap alpha 5 as its current now. Or is it fine if i replace all the .scss file from alpha 5 to the asset folder and keep working on it.

admin – November 9, 2016:

At the moment we don’t have in our roadmap. Yes you can implement that.

Paul – October 26, 2016:

Great job! I’m trying to import external library (mjml) into my component with : import * as mjml2html from ‘mjml’; but “npm start” tells me “Cannot find module ‘mjml’.” I don’t understand what i’am doing wrong

Anil kumar – October 20, 2016:

pls help me, because i don’t run the local server , so pls reply me how to run file

Vivek – October 19, 2016:

Excellent template. Do you have any documentation for this ? I am new to Angular 2. How can I change the template to display Dashboard on startup instead of login page.

admin – October 19, 2016:

You can refer the documentation here- https://github.com/start-angular/SB-Admin-BS4-Angular-2/blob/master/README.md (https://github.com/start-angular/SB-Admin-BS4-Angular-2/blob/master/README.md)

Louis – September 26, 2016:

your template is awesome! how can I move the side menu from left to top?

admin – October 3, 2016:

You can edit sidebar.scss file for styling sidebar.

Khuong – September 18, 2016:

Your theme is great! But when I ran “npm start”, I got the below error. Could you help resolve this? npm ERR! Windows_NT 10.0.14393 npm ERR! argv “C:\\Program Files\\nodejs\\node.exe” “C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js” “start” npm ERR! node v4.5.0 npm ERR! npm v2.15.9 npm ERR! code ELIFECYCLE npm ERR! [email protected] start: `gulp serve.dev –color` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script ‘gulp serve.dev –color’. npm ERR! This is most likely a problem with the SB-Admin-BS4-Angular-2 package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! gulp serve.dev –color npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs SB-Admin-BS4-Angular-2 npm ERR! Or if that isn’t available, you can get their info via: npm ERR! npm ERR! npm owner ls SB-Admin-BS4-Angular-2 npm ERR! There is likely additional logging output above. npm ERR! Please include the following file with any support request: npm ERR! E:\Projects\SB-Admin-BS4-Angular-2-master\npm-debug.log

admin – October 3, 2016:

Please refer this url (https://github.com/start-angular/SB-Admin-BS4-Angular-2/issues/13) for the solution.

Edwin Dennis – September 4, 2016:

hello friend, I’m new angular 2 and your design is excellent, I would like to know which version 2, the angular placed, am creating my interface with angular but not as bootstrap add 3 to project

admin – September 16, 2016:

It uses Angular 2 RC6. You can remove bootstrap file from project.config.ts located in tools folder.

Zzz – August 23, 2016:

this is really what i needed. the design is fantastic!!! great job. i have some questions though, i want to use this awesome template for a angular-meteor project but i they have different file structure. if you have suggestions that would be great!!.. still new to angular-meteor here … but this really is awesome!! kudos!!

admin – August 30, 2016:

Thanks for the appreciation. You can checkout our Ani Angular Meteor Theme (http://startangular.com/product/ani-angular-meteor-theme/)

Farhan – August 6, 2016:

Hi, Its a wonderful theme, running perfectly in development mode. The issue I am facing is that when I try to generate dev or prod build by running command “gulp build.dev” or “gulp build.prod”, it does not correctly generate the builds which I can deploy to a 3rd party server. The generated files have links to node_modules, which makes them fail. Can you please help me regarding this issue? Regards, Farhan

admin – August 8, 2016:

Hi Farhan, Please raise this issue on Github.

subhash – July 27, 2016:

hi am new this angular js but this admin template nice and how to install this application in my system what is ts-node do you have any demo video about this application could you please share thank you

admin – July 27, 2016:

Please follow the below mentioned steps: 1. Install node first- https://nodejs.org/en/ (https://nodejs.org/en/) 2. run npm install 3. run npm start

Andrea – July 24, 2016:

Congratulations, great job? On question: any plan to port the beautiful Tables functions you have in non-angular version (based, I suppose, on jQuery datatables?) Thank you again!

admin – July 27, 2016:

Thanks. Probably in the next release we will update it.

Mohamed – July 18, 2016:

Hi, Very good Job, but i have a problem when i try to add a contrutor to the component. The constructor don’t accept any parameter, that’s mean when i write ” constructor (private bookService: BookService) {} ” the page disappear. can you help ? Thank’s a lot

admin – July 27, 2016:

You can refer- “app/layouts/base/base.ts” page

priya – July 6, 2016:

I reinstall node v 4.4.7. and follow the below steps: 1: Clone the project 2. Create TypeScript project [ select “HTML Application with TypeScript” Template] 3. Include files in the VS 2013 project. 4. ‘ts-node’ installed globally ‘npm install -g ts-node’ usind Command Prompt 5: Run the Command Prompt with administrator privileges. 6. Cd to Project directory 7: npm install —msvs_version=2013 8, got below errors: 10470 error Windows_NT 6.1.7601 10471 error argv “C:\\Program Files\\nodejs\\node.exe” “C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js” “install” 10472 error node v4.4.7 10473 error npm v2.15.8 10474 error code ELIFECYCLE 10475 error [email protected] postinstall: `typings install && gulp check.versions && npm prune && gulp webdriver` 10475 error Exit status 1 10476 error Failed at the [email protected] postinstall script ‘typings install && gulp check.versions && npm prune && gulp webdriver’. 10476 error This is most likely a problem with the DashboardSample package, 10476 error not with npm itself. 10476 error Tell the author that this fails on your system: 10476 error typings install && gulp check.versions && npm prune && gulp webdriver 10476 error You can get information on how to open an issue for this project with: 10476 error npm bugs DashboardSample 10476 error Or if that isn’t available, you can get their info via: 10476 error 10476 error npm owner ls DashboardSample 10476 error There is likely additional logging output above. 10477 verbose exit [ 1, true ]

admin – July 7, 2016:

Hi, please follow these steps: If you are using windows follow these steps: 1. MSBuild Tool 2013 use ‘https://www.microsoft.com/en-in/download/confirmation.aspx?id=40760’ 2. ‘ts-node’ installed globally ‘npm install -g ts-node’ 3. Run the Command Prompt with administrator privileges. 4. npm install —msvs_version=2013 5. npm start

William – July 5, 2016:

Hi, Is there a date picker and a slider input that can be used or added somehow? I’m struggling to add anything externally into the project being somewhat new to all this.

admin – July 7, 2016:

Please refer the url for slider- https://github.com/Bogdan1975/ng2-slider-component (https://github.com/Bogdan1975/ng2-slider-component) and for datepicker- https://valor-software.com/ng2-bootstrap/index-bs4.html#/datepicker (https://valor-software.com/ng2-bootstrap/indexbs4.html#/datepicker)

Anthony – June 30, 2016:

Hey good job ! But I have some problems : the modal always shows on the background so I can’t interact with. To fix it I removed the z-index of the background but the display is not really satisfaying. Any idea how can I solve the problem in a clean way ? And there is no style for the datepicker, which could be great to have.

admin – June 30, 2016:

Thanks Anthony. Modal is the issue of Angular2-Bootstrap package.

Carlos – June 26, 2016:

Great Job! Where can I donate? Thanks!

admin – June 27, 2016:

Hi Carlos, Thanks a lot for the appreciation. We don’t ask for donations but you can check out our premium themes at strapui.com and strapmobile.com and see if you like anything there.

subdar pichai – June 22, 2016:

Good desin. Nice work

Raju Bhadra – June 10, 2016:

Hi There, I cloned the repo and did npm run reinstall but getting the below error. > [email protected] reinstall D:\Angular2\SB-Admin-BS4-Angular-2 > rimraf node_modules && npm cache clean && npm install The system cannot find the path specified. npm ERR! Windows_NT 6.1.7601 npm ERR! argv “C:\\Program Files (x86)\\nodejs\\node.exe” “C:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js” “run” “reinstall” npm ERR! node v4.4.5 npm ERR! npm v2.15.5 npm ERR! code ELIFECYCLE npm ERR! [email protected] reinstall: `rimraf node_modules && npm cache clean && npm install` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] reinstall script ‘rimraf node_modules && npm cache clean && npm install’. npm ERR! This is most likely a problem with the angular2-seed package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! rimraf node_modules && npm cache clean && npm install npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs angular2-seed npm ERR! Or if that isn’t available, you can get their info via: npm ERR! npm ERR! npm owner ls angular2-seed npm ERR! There is likely additional logging output above. npm ERR! Please include the following file with any support request: npm ERR! D:\Angular2\SB-Admin-BS4-Angular-2\npm-debug.log Kindly help. Thanks in advance.

admin – June 13, 2016:

Please follow the below mentioned steps1: MSBuild Tool 2013 use ‘https://www.microsoft.com/en-in/download/confirmation.aspx?id=40760’ 2: ‘ts-node’ installed globally ‘npm install -g ts-node’ 3: Run the Command Prompt with administrator privileges. 4: npm install —msvs_version=2013 5: npm start

Zill – June 9, 2016:

Hi I am getting this error. Please help to resolve npm ERR! Windows_NT 6.1.7601 npm ERR! argv “C:\\Program Files\\nodejs\\node.exe” “C:\\Program Files\\nodejs\ node_modules\\npm\\bin\\npm-cli.js” “start” npm ERR! node v4.4.5 npm ERR! npm v2.15.5 npm ERR! code ELIFECYCLE npm ERR! [email protected] start: `gulp serve –env dev` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script ‘gulp serve –env dev’. npm ERR! This is most likely a problem with the angular2-seed package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! gulp serve –env dev npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs angular2-seed npm ERR! Or if that isn’t available, you can get their info via: npm ERR! npm ERR! npm owner ls angular2-seed npm ERR! There is likely additional logging output above.

admin – June 13, 2016:

Please follow the below mentioned steps: 1: MSBuild Tool 2013 use ‘https://www.microsoft.com/en-in/download/confirmation.aspx?id=40760’ 2: ‘ts-node’ installed globally ‘npm install -g ts-node’ 3: Run the Command Prompt with administrator privileges. 4: npm install —msvs_version=2013 5: npm start

hassan adam – June 9, 2016:

It’s very nice template, and it worked nice, thanks for the nice work i just have a problem, i tried to change the “background color” of the “navbar” in the “main.css”, it changed ok, then it gets black again after restart how can i manage it to keep the new “background-color” ? best regards

admin – June 13, 2016:

Hi,no need to make any changes in .css file it will be overwritten on npm start.You need to change in _topnav.scss

Santosh – June 6, 2016:

When you are planning to update template to Angular 2 RC1

admin – June 13, 2016:

Hi,SB Admin Angular2 BS4 is updated to rc1.

mworks – June 3, 2016:

It looks really great and that’s exactly what we need. Unfortunately, I get the same error as Farhan, and uninstalled and reinstalled node a few times, didn’t work.

admin – June 6, 2016:

HI,you need to remove node and reinstall node(Node LTS 4.*) from this link- https://nodejs.org/en/download/ (https://nodejs.org/en/download/).

Carlos – May 16, 2016:

Excellent theme, I have a tiny question: I can run it on xampp?

admin – May 16, 2016:

Thanks Carlos. No need to run it on XAMPP. SB Admin BS4 ng2 uses node server not apache which is inbuilt in XAMPP so just install npm & then npm start it will work fine.

Ahmed – May 16, 2016:

Thanks allot, Good job

Farhan – May 13, 2016:

Hi, I am getting the following errors upon npm install, where I have the latest version of npm and node. Can you please help with this issue npm ERR! Windows_NT 6.1.7601 npm ERR! argv “C:\\Program Files\\nodejs\\node.exe” “C:\\Users\\Kamran\\AppData\ \Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js” “install” npm ERR! node v4.4.3 npm ERR! npm v3.8.9 npm ERR! code ELIFECYCLE npm ERR! [email protected] (mailto:[email protected]) install: `node-gyp rebuild` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] (mailto:[email protected]) install script ‘node-gyp rebuild’. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this is most likely a problem with the contextify package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! node-gyp rebuild npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs contextify npm ERR! Or if that isn’t available, you can get their info via: npm ERR! npm owner ls contextify npm ERR! There is likely additional logging output above. npm ERR! Please include the following file with any support request: npm ERR! E:\Data\Projects\Angular\SB-Admin-BS4-Angular-2-master\SB-Admin-BS4 -Angular-2\npm-debug.log

admin – May 16, 2016:

Hi Farhan, You need to remove node and reinstall node(Node LTS 4.*) from this link- https://nodejs.org/en/download/ (https://nodejs.org/en/download/).

shreekanth – May 12, 2016:

Hi, Did you update the template to Angular 2 RC 1

admin – May 13, 2016:

Not now,may be by the end of this month.

sandeep – May 6, 2016:

great piece of work well done team

admin – May 6, 2016:

Thank you Sandeep.

Josh Elias – May 5, 2016:

Great Template! I have one question though. Where does the mapping to gulpfile.ts comes from?

admin – May 13, 2016:

Thanks.Via tools/tasks/*

Eduardo – April 28, 2016:

It looks really nice but… a picture slider in the first page of a dashboard? What is the goal of that? (constructive criticism)

Tile – April 15, 2016:

just what we needed!!! keep on going!!! thnx

admin – April 15, 2016:

Thanks a lot Tile, for the appreciation.

Jorge – April 12, 2016:

Works fine on Chrome but not on IE 11 (fails to load)

admin – April 13, 2016:

Hi Jorge,the issue has been fixed now.

danny – April 8, 2016:

I think the Admin layout is Awesome! However, it does not work in IE 11. I hope it gets fixed so I can use this amazing template.

admin – April 13, 2016:

Hi Danny,the issue is fixed now.

Add a review Your email address will not be published. Required fields are marked * Your rating

Your review *

Name *

Email *

Submit

Get notified when new themes are added Email Address

Home (https://startangular.com/)

Themes (https://startangular.com/themes/)



Forum (https://startangular.com/forum/)



Terms & conditions (https://startangular.com/terms-conditions/)



Privacy Policy (https://startangular.com/privacy-policy/)



Subscribe

Contact Us (http://sahusoft.com#contact)

A product of

Start Angular (http://startangular.com/) All rights reserved.

GeekyAnts (https://www.geekyants.com/)