This documentation is to help you understand the template's structure. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML, CSS(SASS), JS(Typescript) and CLI knowledge is required to customize this template.

If you have any questions that are beyond the scope of this help file, please feel free to get in touch.

Support for my items includes:

• Responding to questions or problems regarding the item and its features
• Fixing bugs and reported issues
• Providing updates to ensure compatibility with new software versions

Item support does not include:

• Customization and installation services
• Support for third party software and plug-ins

Before seeking support please:

• Make sure your question is a valid item Issue and not a customization request.
• Make sure you have read through the documentation and any related guides before asking support on how to accomplish a task.
• Make sure to double check the item FAQs.
• If you have customized your item and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
• Most of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
• Make sure to state the name of the item you are having issues with when requesting support via ThemeForest.

Stacked is a beautiful and creative bootstrap admin template built for Angular 5+. It comes out of the box with AoT and lazy loading support, Language translation. With this, you get all you need to start working on your SAAS, CRM, CMS or dashboard based project.

Once you've purchased Stacked please consider giving a 5 star rating, it helps in pushing out more updates and adding a lot more features.

This template is built with angular-cli and requires Node 6.9.0+ and NPM 3+ to be installed.

Installing the prerequisites

1. Node.js and NPM: You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js

2. angular-cli: You can install angular-cli by executing from your terminal npm install -g @angular/cli. More details can be found here https://github.com/angular/angular-cli

Installing the npm packages

Before proceding you'll need to install npm packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class.

Building

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build. Use --aot flag for a AoT build

Further help

To get more help on the angular-cli use ng --help or go check out https://github.com/angular/angular-cli.

These are all the available helper classes used in the template. Use these alongside the utility classess provided by bootstrap.

Avatars

• .avatar-status Staus indicator for avatar images
• .avatar-xxlg avatar image with width of 32rem
• .avatar-xlg avatar image with width of 16rem
• .avatar-lg avatar image with width of 8rem
• .avatar-md avatar image with width of 4rem
• .avatar-sm avatar image with width of 3rem
• .avatar-xs avatar image with width of 2.125rem
• .avatar-xxs avatar image with width of 1.375rem

Layout

• .min-height-100 min-height 100%
• .page-height page height minus the main header
• .scroll-y vertical scrollbars
• .no-footer remove the main footer

Typography

• .ff-sans style text with the main sans font-family
• .ff-serif style text with the main serif font-family
• . style text with the main headers font-family
• .fw-300 font weight of 300
• .fw-400 font weight of 400
• .fw-500 font weight of 500
• .fw-600 font weight of 600
• .no-bg remove background color
• .shadow add slight shadow hint
• .no-shadow remove shadow

Background colors are named using the format: bg-*color*-*shade*

Where color is one of: red, pink , purple, deep-purple, indigo, blue, light-blue, cyan, teal, green, light-green, lime, yellow, amber, orange, deep-orage, brown, grey, blue-grey

Where shade is one of: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400, A700

e.g bg-red-500

The following is a list of resources, plugins and other assets used in creating this template. Follow the links for more information on how you can use them.

1. Angular
2. Bootstrap 4 - Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
3. ng-bootstrap - Bootstrap 4 components, powered by Angular
4. ngx-translate - An implementation of angular translate for Angular
5. ngx-charts - Declarative Charting Framework for Angular2 and beyond!
6. ngx-datatable - A feature-rich yet lightweight data-table crafted for Angular4 and beyond!
7. angular-calendar - Angular calendar - A flexible calendar component for angular 2.0+ that can display events on a month, week or day view.
8. text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript
9. ng2-dragula - Simple drag and drop with dragula
10. mat-sidenav component
11. ng2-file-upload - Easy to use Angular2 components for files upload
12. ng2-validation - angular2 validation
13. screenfull - Simple wrapper for cross-browser usage of the JavaScript Fullscreen API
14. angular-google-maps - Angular 2+ Google Maps Components