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

95 reviews for SB Admin Bootstrap 4 Angular 8

  1. kety
    5 out of 5

    :

    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

      :

      Hello! Yes, you can do that.

  2. suresh
    5 out of 5

    :

    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

  3. Alexander
    5 out of 5

    :

    very good template, a question I can use it without any problem or I’ll have to pay later.

    • admin

      :

      It’s an open source theme, you can use it as per your requirement. You won’t be charged for this.

  4. Sekar
    4 out of 5

    :

    Hi admin,
    SB-Admin template is simply superb and awesome.
    I am using angular 6, how to upgrade 6 to angular 7.

    • admin

      :

      This product is now available with Angular 7, you can clone or download it from the repo.

  5. Amelia
    5 out of 5

    :

    Great template! Total lifesaver. Thanks ya!

  6. Deepak
    5 out of 5

    :

    Nice theme. Good work

  7. rino
    4 out of 5

    :

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

    • admin

      :

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

  8. Jennifer
    5 out of 5

    :

    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

      :

      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

  9. Shreyas
    5 out of 5

    :

    Very helpful and covers all the basics to make site

    • admin

      :

      Thanks for the appreciation.

  10. Denis
    4 out of 5

    :

    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

      :

      Just remove package-lock.json and node_modules then do npm install, it should work.

  11. alessandro
    5 out of 5

    :

    Amazin template. The code is very good and easy to understand

    • admin

      :

      Thanks for the appreciation.

  12. Aditya Singhal
    2 out of 5

    :

    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

  13. Girish
    3 out of 5

    :

    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

      :

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

  14. Prasanth
    4 out of 5

    :

    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

      :

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

  15. NSK
    5 out of 5

    :

    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

      :

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

  16. Basavaraj
    5 out of 5

    :

    How to integrate it with backend nodejs+expressjs

  17. Anup Kumar Bid
    4 out of 5

    :

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

  18. Manuel Giron
    5 out of 5

    :

    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!

  19. Remon
    4 out of 5

    :

    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.

  20. Jheyson Bedoya
    5 out of 5

    :

    Not show logout in devices mobile.

    • admin

      :

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

  21. Rakesh Gujjar
    5 out of 5

    :

    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

      :

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

  22. Rakesh Gujjar
    5 out of 5

    :

    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 .?

  23. avatsaev
    5 out of 5

    :

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

    • admin

      :

      Thanks for the appreciation.

  24. Praveen
    5 out of 5

    :

    is this MIT release?? or paid?

    • admin

      :

      It’s an open source theme.

  25. mack
    3 out of 5

    :

    This is not working for me. Angular version 4.2.2.

    • admin

      :

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

  26. Himanshu
    5 out of 5

    :

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

  27. MOHD
    1 out of 5

    :

    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.

  28. paulo marinho
    4 out of 5

    :

    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?

  29. Alex
    4 out of 5

    :

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

  30. Alex
    5 out of 5

    :

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

  31. Alex
    5 out of 5

    :

    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..

  32. Ganesh
    5 out of 5

    :

    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.

  33. Ganesh
    5 out of 5

    :

    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.

  34. Shenza
    5 out of 5

    :

    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

  35. Riccardo Proietti
    5 out of 5

    :

    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?

  36. surfspider
    5 out of 5

    :

    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

      :

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

  37. Alessandro
    4 out of 5

    :

    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

      :

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

  38. Esteban
    5 out of 5

    :

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

    • admin

      :

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

  39. Laszlo
    4 out of 5

    :

    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

      :

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

  40. sparkadal
    2 out of 5

    :

    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

      :

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

  41. new2Angular
    4 out of 5

    :

    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

      :

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

  42. bilel
    4 out of 5

    :

    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

      :

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

  43. Robin
    5 out of 5

    :

    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

      :

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

  44. Praveen Gaddam
    5 out of 5

    :

    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

      :

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

  45. Surya
    4 out of 5

    :

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

    • admin

      :

      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.

  46. Cliff Li
    5 out of 5

    :

    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

      :

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

  47. asma
    5 out of 5

    :

    hi ,how can i open a template angularjs ?

    • admin

      :

      Kindly let us know your query in more details.

  48. Mokhtar
    5 out of 5

    :

    i can’t change the background color of register page

    • admin

      :

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

  49. barbatrukko
    4 out of 5

    :

    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

  50. sanjeevani
    4 out of 5

    :

    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

      :

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

  51. Rahma Nefai
    4 out of 5

    :

    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

      :

      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.

  52. Ferhatos
    5 out of 5

    :

    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

      :

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

  53. Ferhatos
    5 out of 5

    :

    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

  54. dantavo
    4 out of 5

    :

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

    • admin

      :

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

  55. Vinay
    5 out of 5

    :

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

  56. ankit parmar
    5 out of 5

    :

    how to set this theme in laravel 5.3?

    • admin

      :

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

  57. Rajs
    5 out of 5

    :

    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

      :

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

    • admin

      :

      Thanks for the appreciation.

  58. Kumar
    4 out of 5

    :

    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?

  59. Jack
    5 out of 5

    :

    This is GREAT!!!

    • admin

      :

      Thanks Jack.

  60. ilia
    5 out of 5

    :

    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

      :

      Currently lazy loading is not compatible with this project.

  61. hannan
    4 out of 5

    :

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

  62. rishi
    4 out of 5

    :

    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 ?

  63. Hannan Isa
    3 out of 5

    :

    hi your preview for menu didnt work

    • admin

      :

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

  64. Aniruddha Das
    4 out of 5

    :

    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

      :

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

  65. Paul
    5 out of 5

    :

    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

  66. Anil kumar
    1 out of 5

    :

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

  67. Vivek
    5 out of 5

    :

    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.

  68. Louis
    5 out of 5

    :

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

    • admin

      :

      You can edit sidebar.scss file for styling sidebar.

  69. Khuong
    5 out of 5

    :

    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

      :

      Please refer this url for the solution.

  70. Edwin Dennis
    5 out of 5

    :

    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

      :

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

  71. Zzz
    5 out of 5

    :

    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!!

  72. Farhan
    4 out of 5

    :

    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

      :

      Hi Farhan,

      Please raise this issue on Github.

  73. subhash
    4 out of 5

    :

    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

      :

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

  74. Andrea
    5 out of 5

    :

    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

      :

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

  75. Mohamed
    5 out of 5

    :

    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

      :

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

  76. priya
    3 out of 5

    :

    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

      :

      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

  77. William
    4 out of 5

    :

    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.

  78. Anthony
    4 out of 5

    :

    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

      :

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

  79. Carlos
    5 out of 5

    :

    Great Job! Where can I donate? Thanks!

    • admin

      :

      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. 🙂

  80. subdar pichai
    5 out of 5

    :

    Good desin. Nice work

  81. Raju Bhadra
    3 out of 5

    :

    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

      :

      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

  82. Zill
    5 out of 5

    :

    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

      :

      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

  83. hassan adam
    5 out of 5

    :

    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

      :

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

  84. Santosh
    5 out of 5

    :

    When you are planning to update template to Angular 2 RC1

    • admin

      :

      Hi,SB Admin Angular2 BS4 is updated to rc1.

  85. mworks
    5 out of 5

    :

    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.

  86. Carlos
    5 out of 5

    :

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

    • admin

      :

      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.

  87. Ahmed
    5 out of 5

    :

    Thanks allot, Good job

  88. Farhan
    3 out of 5

    :

    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

  89. shreekanth
    4 out of 5

    :

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

    • admin

      :

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

  90. sandeep
    5 out of 5

    :

    great piece of work 🙂 well done team

    • admin

      :

      Thank you Sandeep. 🙂

  91. Josh Elias
    5 out of 5

    :

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

    • admin

      :

      Thanks.Via tools/tasks/*

  92. Eduardo
    4 out of 5

    :

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

  93. Tile
    5 out of 5

    :

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

    • admin

      :

      Thanks a lot Tile, for the appreciation. 🙂

  94. Jorge
    3 out of 5

    :

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

    • admin

      :

      Hi Jorge,the issue has been fixed now.

  95. danny
    3 out of 5

    :

    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

      :

      Hi Danny,the issue is fixed now.

Add a review

Your email address will not be published. Required fields are marked *