SB Admin Bootstrap 4 Angular 8

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 to Angular-8 Theme

Features:

Developed using boostrap-v4.0.0
angular-v8.0.0
angular/cli-v8.0.0
ng-bootstrap-v4.0.0
ngx-translate-v11.0.0
Following the best practices.
Ahead-of-Time compilation support.
Official Angular i18n support.
Production and development builds.
Tree-Shaking production builds.

Also, check out HTML Bootstrap-4 version of the theme.

Download Preview Github Installation steps

Reviews (95)

95 reviews for SB Admin Bootstrap 4 Angular 8

5 out of 5

kety – February 27, 2019:

Hi there.

Just downloaded the code and is awesome.

Can i use part of this code, for build a website for someone else?
As it is free, is the license open to use part of the code for commercial purpose?

Cheers!!!
- admin – February 28, 2019:
  
  Hello! Yes, you can do that.
5 out of 5

suresh – February 23, 2019:

hi admin,language transaltion only works for header and sidebar .not working for all body components.please guide set transaltor for body component component component also.
i am waiting for your replay asap.thank you
- admin – February 28, 2019:
  
  It would be better if you raise your issue here – https://github.com/start-angular/SB-Admin-BS4-Angular-6/issues.
5 out of 5

Alexander – December 7, 2018:

very good template, a question I can use it without any problem or I’ll have to pay later.
- admin – February 28, 2019:
  
  It’s an open source theme, you can use it as per your requirement. You won’t be charged for this.
4 out of 5

Sekar – December 1, 2018:

Hi admin,
SB-Admin template is simply superb and awesome.
I am using angular 6, how to upgrade 6 to angular 7.
- admin – February 28, 2019:
  
  This product is now available with Angular 7, you can clone or download it from the repo.
5 out of 5

Amelia – August 5, 2018:

Great template! Total lifesaver. Thanks ya!
5 out of 5

Deepak – August 1, 2018:

Nice theme. Good work
4 out of 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
5 out of 5

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
5 out of 5

Shreyas – November 3, 2017:

Very helpful and covers all the basics to make site
- admin – January 2, 2018:
  
  Thanks for the appreciation.
4 out of 5

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! sb-admin-cl[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\AppData\Roaming\npm-cache\_logs\2017-10-02T05_06_14_608Z-debug.log
- admin – January 3, 2018:
  
  Just remove package-lock.json and node_modules then do npm install, it should work.
5 out of 5

alessandro – September 16, 2017:

Amazin template. The code is very good and easy to understand
- admin – September 19, 2017:
  
  Thanks for the appreciation.
2 out of 5

Aditya Singhal – September 10, 2017:

ERROR in Template parse errors:
Can’t bind to ‘up’ since it isn’t a known property of ‘div’. (”

][up]=”true” class=”d-inline-block”>
<button class="btn btn-outline-primary" id="d"): ng:///D:/angular/mono – Copy/src/app/layout/bs-component/components/dropdown/[email protected]: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.
3 out of 5

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.
4 out of 5

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.
5 out of 5

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.
5 out of 5

Basavaraj – August 22, 2017:

How to integrate it with backend nodejs+expressjs
4 out of 5

Anup Kumar Bid – August 19, 2017:

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

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!
4 out of 5

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.
5 out of 5

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.
5 out of 5

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.
5 out of 5

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.
5 out of 5

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.
5 out of 5

Praveen – June 20, 2017:

is this MIT release?? or paid?
- admin – June 27, 2017:
  
  It’s an open source theme.
3 out of 5

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].
5 out of 5

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.
1 out of 5

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 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
4 out of 5

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
4 out of 5

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
5 out of 5

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
5 out of 5

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. No ‘Access-Control-Allow-Origin’ 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
5 out of 5

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
5 out of 5

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
5 out of 5

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/). 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-Angular-4/blob/master/README.md. Also you can raise an issue here: https://github.com/start-angular/SB-Admin-BS4-Angular-4/issues
5 out of 5

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
5 out of 5

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.
4 out of 5

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/ , 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.
5 out of 5

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.
4 out of 5

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.
2 out of 5

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.
4 out of 5

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.
4 out of 5

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.
5 out of 5

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.
5 out of 5

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.
4 out of 5

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.
5 out of 5

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.
5 out of 5

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.
5 out of 5

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.
4 out of 5

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/
4 out of 5

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.
4 out of 5

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.
5 out of 5

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.
5 out of 5

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.
4 out of 5

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.
5 out of 5

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.
5 out of 5

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.
5 out of 5

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.
4 out of 5

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.
5 out of 5

Jack – December 8, 2016:

This is GREAT!!!
- admin – December 28, 2016:
  
  Thanks Jack.
5 out of 5

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.
4 out of 5

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.
4 out of 5

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
3 out of 5

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.
4 out of 5

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.
5 out of 5

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
1 out of 5

Anil kumar – October 20, 2016:

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

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
5 out of 5

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.
5 out of 5

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! S[email protected] start: `gulp serve.dev –color`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the SB-Admin-BS4-Angular[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 for the solution.
5 out of 5

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.
5 out of 5

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
4 out of 5

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.
4 out of 5

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/
  2. run npm install
  3. run npm start
5 out of 5

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.
5 out of 5

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
3 out of 5

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
4 out of 5

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
  and for datepicker- https://valor-software.com/ng2-bootstrap/index-bs4.html#/datepicker
4 out of 5

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.
5 out of 5

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. 🙂
5 out of 5

subdar pichai – June 22, 2016:

Good desin. Nice work
3 out of 5

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 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
5 out of 5

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 angular2-[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
5 out of 5

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
5 out of 5

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.
5 out of 5

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/.
5 out of 5

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.
5 out of 5

Ahmed – May 16, 2016:

Thanks allot, Good job
3 out of 5

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] install: `node-gyp rebuild`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [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/.
4 out of 5

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.
5 out of 5

sandeep – May 6, 2016:

great piece of work 🙂 well done team
- admin – May 6, 2016:
  
  Thank you Sandeep. 🙂
5 out of 5

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/*
4 out of 5

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)
5 out of 5

Tile – April 15, 2016:

just what we needed!!! keep on going!!! thnx
- admin – April 15, 2016:
  
  Thanks a lot Tile, for the appreciation. 🙂
3 out of 5

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.
3 out of 5

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