Who uses ngx-admin?| Documentation | Installation Guidelines | Angular templates
New! Material theme for ngx-admin
Material admin theme is based on the most popular Angular dashboard template - ngx-admin To use material theme checkout feat/material-theme
branch.
Get material ngx-admin integrated with backend technology of your choice. Check out our store.
Key features
- The most popular and trusted Angular open source dashboard template is out there. Used by hundreds of thousands developers worldwide and Fortune 500 companies*.
- Over 40+ Angular Components and 60+ Usage Examples. Kick off your project and save money by using ngx-admin.
- Already using ngx-admin and willing to switch to material theme? Material theme is backward-compatible. Check out the article describing how to do that.
- ngx-admin material works perfectly with Angular Material and Nebular. Take the best from both!
feat/material-theme
branch
To use material theme checkout Nebular
Admin template based on Angular 10+ andUI Bakery
Try low-code internal tool builder for free
Check out our Store for ready to use Backend Bundles.
Free Bundles
With 6 stunning visual themes
Material Dark | Material Light |
Dark | Default |
Cosmic | Corporate |
What's included:
- Angular 10+ & Typescript
- Bootstrap 4+ & SCSS
- Responsive layout
- RTL support
- High resolution
- Flexibly configurable themes with hot-reload (3 themes included)
- Authentication module with multiple providers
- 40+ Angular Components
- 60+ Usage Examples
Demo
Documentation
This template is using Nebular modules set, here you can find documentation and other useful articles.
Empty starter kit
Don't need all the pages and modules and just looking for an empty starter kit for your next project? Check out our starter-kit branch.
BrowserStack
This project runs its tests on multiple desktop and mobile browsers using BrowserStack.
More from Akveo
- Eva Icons - 480+ beautiful Open Source icons
- Nebular - Angular Components, Auth and Security
- Akveo templates - 10+ Ready-to-use apps templates to speed up your apps developments
How can I support developers?
- Star our GitHub repo
⭐ - Create pull requests, submit bugs, suggest new features or documentation updates
🔧 - Follow us on Twitter
🐾 - Like our page on Facebook
👍
Looking for engineering services?
Visit our homepage or simply leave us a message to [email protected]. We will be happy to work with you!
From Developers
Made with
Do you plan move project to angular-cli ?
Do you plan move your project to angular-cli ?
Add JWT automatically for every HTTP request
Is it possible to add a JWT to the HTTP header for every request? How can I achieve this? I need every request to be authenticated with an authorization token by my backend.
Any help is appreciated!
Stuck on Build Production
I'm submitting a ... [x] bug report [ ] feature request [ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
What is the current behavior? When i try to build for production its just stuck and not compliitng.
it stuck on this line
61% building modules 593/692 modules 99 active ...n-orignal/src/app/pages/pages.menu.ts
Breaking changes: can not create custom login page
See my second comment for the working workaround.
I suspect that everyone that has a custom login page is affected.
Issue type
I'm submitting a ... (check one with "x")
Issue description
Current behavior: When i try to implement a custom login page as described in https://akveo.github.io/nebular/docs/auth/configuring-ui#custom-ui-components i get some errors.
And: const NB_MODULES = [ NbAlertModule, //I added this line NbCardModule, NbLayoutModule, NbTabsetModule, NbRouteTabsetModule, NbMenuModule, NbUserModule, NbActionsModule, NbSearchModule, NbSidebarModule, NbCheckboxModule, NbPopoverModule, NbContextMenuModule, NgbModule, NbSecurityModule, // *nbIsGranted directive ];
I am trying to find a solution for this as we speak. It looks like in my custom login component
input nbInput the directive is not recognized, so i have to find a way to import it in my themes.module.ts, but the input directive in @nebular/components is missing.
Steps to reproduce: Install from scratch and try to create a custom login page
Related code: This problem is related to Feat/auth button input # 595 in the nebular repository.
HTML 5 Routing
Sort of a bug, but more of a feature request.
What is the effort to convert links to HTML 5 routes versus hash routing? Angular recommends using HTML 5 routing over hash routing. Has routing also does not appear to work with auth0 although I am seeking support from them for help.
When I set hash routing to false in app.routing.ts:
export const routing = RouterModule.forRoot(routes, { useHash: false });
The initial page will load, but all links will be broken.
Feature, Menu disable, hidden
I'm submitting a ... [ ] bug report [x] feature request [ ] question about the decisions made in the repository
Do you want to request a feature ?
To make it easier working with the project as starter it would be nice if we have 2 new options in pages.menu.
hidden: true, false
disable: true
I build this ugly by my own, but I´m sure more people would have a use of it.
Pages.menu and pages.routing contain the Pages. To remove one you have to change both files.
Error: HtmlWebpackPlugin: could not load file vendor.dll.js.map
I'm submitting a ... [x ] bug report [ ] feature request [ ] question about the decisions made in the repository
Do you want to request a feature or report a bug? Report a bug
What is the current behavior? It compiles, but doesnt really work...
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
What is the expected behavior? The expected behaviour is that it should work
What is the motivation / use case for changing the behavior?
Please tell us about your environment: Latest commit @ Windows, Node 7.5.0
`Html Webpack Plugin: Error: HtmlWebpackPlugin: could not load file C:\Users\PerArneA\IdeaProjects\s ondre-prosjekt\dll\vendor.dll.js.map
index.js:313 [sondre-prosjekt]/[html-webpack-plugin]/index.js:313:27
util.js:16 tryCatcher [sondre-prosjekt]/[bluebird]/js/release/util.js:16:23
promise.js:510 Promise._settlePromiseFromHandler [sondre-prosjekt]/[bluebird]/js/release/promise.js:510:31
promise.js:567 Promise._settlePromise [sondre-prosjekt]/[bluebird]/js/release/promise.js:567:18
promise.js:612 Promise._settlePromise0 [sondre-prosjekt]/[bluebird]/js/release/promise.js:612:10
promise.js:687 Promise._settlePromises [sondre-prosjekt]/[bluebird]/js/release/promise.js:687:18
async.js:133 Async._drainQueue [sondre-prosjekt]/[bluebird]/js/release/async.js:133:16
async.js:143 Async._drainQueues [sondre-prosjekt]/[bluebird]/js/release/async.js:143:10
async.js:17 Immediate.Async.drainQueues [sondre-prosjekt]/[bluebird]/js/release/async.js:17:14 `
npm start throw Data path ".builders['app-shell']" should have required property 'class'
Issue description
Current behavior: Not able to start the project.
Expected behavior: Project started
Steps to reproduce: npm start
Other information:
npm, node, OS, Browser
Integrate with ASP.NET MVC 5
I'm submitting a ... [ ] bug report [ X ] feature request [ ] question about the decisions made in the repository
Do you want to request a feature or report a bug?
Integrate with ASP.NET MVC 5 is possible, steps, tutorial???
Update Angular Packages 2.0.0-rc.5
Tried myself but no success, once I run npm start webpack doesn't compile.
Thanks
Fail to start application
Dockerization with Ngnix
Please read and mark the following check list before creating a pull request (check one with "x"):
Short description of what this resolves:
release: 9.0.0
Please read and mark the following check list before creating a pull request (check one with "x"):
Short description of what this resolves:
error in npm install ngx-admin 7.0.0
Issue type
I'm submitting a ... (check one with "x")
Issue description
I'm having dependencies error in npm install. I deleted package.lock.json and node_modules before doing npm install Current behavior:
Expected behavior:
Npm install will run without error
Steps to reproduce:
Npm install Related code:
Other information:
Installation does not work when following the documentation
Issue type
I'm submitting a ... (check one with "x")
Issue description
Installation does not work when steps from the documentation are followed. What could be the reason?
Windows 10, npm 8.1.2, node 16.13.2
Below the log:
Dependency issues on installation
Issue type
I'm submitting a ...
Issue description
Current behavior: When running
npm install
I get the following:Expected behavior: Everything would just install.
Steps to reproduce: Clone the repo, run
npm install
Other information:
npm, node, OS, Browser
Angular, Nebular