Do you have plans to upgrade to Bootstrap 4?
Hi, yes, we have plans but no ETA right now. We'd like to wait for an RC version at least before move to BS4.
Anyway, not all project will be automatically migrated because BS4 is not backwards compatible and we need to keep support BS3 for a decent time.

How can I change the theme of the template? I use the Angularjs version
Hi, to set a default theme you can edit the index.html of the template and there a link tag pointing to the theme of your choice or a custom one.
If you are using gulp, you can edit app.less and add the end of the file an @import to theme file like,
@import "themes/theme-a";
Adding it at the bottom will override the default colors.

Let us know if you have any question
pedruc00 PURCHASED
Hi, I just bought the angle template but I can not find in the documentation how to run the application. I have node, gulp and bower installed globally on my mac. I have tried running npm install in the master folder, then bower install but just get error messages.
it's the angularis version i want to use.
thanks in advance
Hi, for angularjs project you can find under documentation/angular folder the documentation, and there, under Build section you will see the Gulp command supported.
In short, if you have the tools installed, you can run npm/bower install and then "gulp serve" to start the application with a local development server.
In case you see errors in console, please post them here so we can check the possible cause.

pedruc00 PURCHASED
Hi and thanks for quick response. It works very well now!!
The error was caused by some important dependencies that required
git config - global url. "Https://github.com" .insteadOf git: //github.com

Great! Thanks for sharing the solution!
where can I place the ApiKey for handling google maps

<script src = "https://maps.googleapis.com/maps/api/js?key=yourKEYhere"> </ script>

How do I do it from the template?
Beforehand thank you very much
Is there any guide for the use of the maps in the AngularJs version?
.state('app.terminal', {
url: '/terminal',
title: 'terminal',
controller:'TerminalController as vm',
templateUrl: helper.basepath('terminal.html'),
resolve: helper.resolveFor('loadGoogleMapsJS', function() { return loadGoogleMaps('3', 'MyKey'); }, 'ui.map')
I do not get any errors, but they do not load the maps
Hi, if there's an error with the key, you should see in browser console a message like "Google Maps API error: InvalidKeyMapError" but if there's no error then there's not a problem with the api key.
The area where the maps should be placed is displayed in gray color or there's just nothing displayed where the maps should be?
Is there any chance you can put your site online so we can check what could the issue? If you check our demo you can see the google maps are working properly fine:

Let us know if you have any question
just nothing displayed where the maps should it go. I want to use the Multiple Markers map, but I do not get anything in the cosola, or anything on the map ... just the container div style.At the moment I am working locally.
How can I test the correct loading of the google maps library inside the controller?
Apparently everything is properly loaded, but the map is not painted in the hmtl.
Hi, any chance you can send us in a private message the files you are using to create the view that uses google maps? This way we can check exactly your code. The route setup you shared previously seems to be ok, so maybe we can check the controller and the markup to find any issue.
You can send us links to https://pastebin.com/ to avoid pasting your code in the message box (via our profile page)

How can I test the correct loading of the google maps library inside the controller?
Answered above.
Good evening, i have a question, is it supported Angular 4 with typescritpt?
Hi, yes, the Angular4 project is built using @angular/cli v1.3.2 and Angular v4.3.3 (with SCSS and Typescript)
Btw, Angular5 is in the roadmap for next updates.

Let us know if you have any question
I am trying to install angular-permission for role-based permission management. I am using the AngularJs version of the template. I did the following steps:

1. I added the dependency in the bower.json file and executed bower install.
2. Then, I added this path in the vendor.json file "bower_components / angular-permission / dist / angular-permission.js" and ran gulp vendor: app
3. Then I added the following path in the file lazyload.constants.js in the variable modules
{name: 'permission', files: ['vendor / angular-permission / dist / angular-permission.js'], string: true},
4. send it in the routes.config.js file
.state ('login', {
url: '/ login',
title: 'Login',
controller: 'LoginController as vm',
templateUrl: helper.basepath ('login.html'),
resolve: helper.resolveFor ​​('oitozero.ngSweetAlert', 'permission')
5. and so I receive it in the module:
LoginService. $ Inject = ['$ http', '$ q', 'PermRoleStore'];

but I get the following error: Uncaught Error: [$ injector: unpr] Unknown provider: PermRoleStoreProvider <- PermRoleStore <- LoginService
When I run npm install i get the following

C:\Projects\Angle\ng2angle\ng2Angle>npm install

> [email protected] install C:\Projects\Angle\ng2angle\ng2Angle
> napa

info cache git://github.com/miloszfalinski/jquery.flot.spline into jquery.flot.spline
info cache git://github.com/kakirigi/ika.jvectormap into ika.jvectormap
info cache https://github.com/flot/flot/archive/v0.8.3.zip into flot

> [email protected] postinstall C:\Projects\Angle\ng2angle\ng2Angle
> node ./node_modules/protractor/bin/webdriver-manager update

[11:34:33] I/update - chromedriver: file exists C:\Projects\Angle\ng2angle\ng2Angle\node_modules\protractor\node_modules\webdriver-manager\selenium\chromedriver_2.33.zip
[11:34:33] I/update - chromedriver: unzipping chromedriver_2.33.zip
[11:34:33] I/update - chromedriver: chromedriver_2.33.exe up to date
[11:34:33] I/update - selenium standalone: file exists C:\Projects\Angle\ng2angle\ng2Angle\node_modules\protractor\node_modules\webdriver-manager\selenium\selenium-server-standalone-3.7.1.jar
[11:34:33] I/update - selenium standalone: selenium-server-standalone-3.7.1.jar up to date
[11:34:33] I/update - geckodriver: file exists C:\Projects\Angle\ng2angle\ng2Angle\node_modules\protractor\node_modules\webdriver-manager\selenium\geckodriver-v0.19.1.zip
[11:34:33] I/update - geckodriver: unzipping geckodriver-v0.19.1.zip
[11:34:34] I/update - geckodriver: geckodriver-v0.19.1.exe up to date
npm WARN [email protected] requires a peer of @angular/[email protected]^2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/[email protected]^2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/[email protected]^2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/[email protected]^2.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/[email protected]^2.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/[email protected]~2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/[email protected]~2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/[email protected]~2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/[email protected]~2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 115 packages in 82.641s


What does this mean ?
Hi, those message are most of them warnings and internal messages of the npm execution. Since most of them are just warnings but not error you should be able to ignore them and continue.
For example, "WARN ng2-select" refers to that the plugin require angular 2.3.x and the project uses 4.x, anyway the plugin seem to be working fine on the angular version used. Anyway, we assume in the future the plugin will receive an update to stay up to date with the latest version of angular framework.

Let us know if you have any question
when I try to run the app with ng serve and I get this error

Dashboardv1Component.html:164 ERROR TypeError: $(...).slimScroll is not a function
Hi again, this could be related with a problem in the installation of the npm packages. Anyway, based on previous log post, there's no error in the install command.
Could please try the following:
- Remove entire node_modules folder
- Run npm cache clean (use --force if you are on [email protected]+)
- Run "npm install"
- Run "ng serve"

Let us know if you have any question
Do you have plans to upgrade to Angular 5?
Hi, yes, we have started with the update to angular5 and the project is already migrated but dealing with an issue from the cli. You can check details here: https://github.com/angular/angular-cli/issues/5618
As soon as we get a definitive solution for this we will release the next version.

How Do I know what needs to be added to my project to use a given part of your template with out adding everything ?

Trying to use the Extras -> Projects html and the angular throws this error :

Uncaught Error: Template parse errors:
'progressbar' is not a known element:
1. If 'progressbar' is an Angular component, then verify that it is part of this module.

How do I know if this is a component or a missing css file or plugin etc ?
Hi, the progressbar is part of the ngx-bootstrap module. Which is basically bootstrap for angular.
In this case, the ngx-bootstrap is imported from the shared module, because it's used across the entire template. You can check it in the file: src/app/shared/shared.module.ts, there you will see all imports from ngx-bootstrap.

Let us know if you have any question.
So when I open the shared module there are no compiler errors and all the ngx related modules are there:

import { ProgressbarModule } from 'ngx-bootstrap/progressbar';

and the shared module is imported into the app.module properly

import { SharedModule } from './shared/shared.module';

and its in the imports array of the decorator:


So why is angular throwing this error ?

Uncaught Error: Template parse errors:
'progressbar' is not a known element:
1. If 'progressbar' is an Angular component, then verify that it is part of this module.
I figured it out ! I didn't realize that the SharedModule has to imported into feature modules as well as the app.module !!

Thanks for the feedback!
What needs to be done to use the spinners ?

Hi, for the spinners we use spinkit and spinner.css plugins
Styles for those plugins are imported into file: src/styles.scss
In shared file src/app/shared/styles/app/spinner.scss we override default styles to customize colors.
Finally, markup demo can be found in src/app/routes/elements/spinners/spinners.component.html

Let us know if you have any question
felemeria PURCHASED
Any chance of adding a Spring (java) and Angular seed?
Hi, unfortunately for the moment we don't have in plans to add a Java version.

Let us know if you have any question.

I wanted to remove # from URL, I have set $locationProvider.html5Mode(true); in routes.config.js and also added <base href="/"> in index.htm. It removes the # from URL but when I do page refresh I am getting "Cannot GET /home/dashboard/" etc for all pages. I am getting these error only on refresh otherwise it works fine. Let me know if I need to change anything in gulp file if yes what ?
Hi, that happens because browserSync is not configured for html5 mode, you can follow this example to add it: https://github.com/BrowserSync/recipes/tree/master/recipes/server.middleware#preview-of-appjs

In short,
- Run npm install connect-logger connect-history-api-fallback --save
- Add at the top of gulpfile.js the following line
var historyApiFallback = require('connect-history-api-fallback');
- Add to browsersync setup the "middleware" entry, like this:
middleware: [require("connect-logger")(), historyApiFallback()]

If everything goes fine, run "gulp serve" and reloads should work properly.

Let us know if you have any question
It works thanks
Is Meteor v1.6 version ANGULAR 4?
Hi, no, it's using Angular 1.x

I am unable to run the meanjs environment in Docker on a mac running version 10.12.8 of Sierra. The first error I ran into was that SASS would not install without adding 'RUN apt-get install -y ruby2.1-dev' in the Dockerfile. One I got past that issue, I ran into a slew of nom WARN messages of deprecated packages. Here is a short cut/copy/paste of just the first 20 or so:

npm WARN deprecated [email protected]: This package is no longer supported. It's now a built-in Node module. If you've depended on crypto, you should switch to the one that's built-in.
npm WARN deprecated [email protected]: ...psst! Your project can stop working at any moment because its dependencies can change. Prevent this by migrating to Yarn: https://bower.io/blog/2017/how-to-migrate-away-from-bower/
npm WARN deprecated [email protected]: This package is no longer maintained
npm WARN deprecated [email protected]: Package renamed to phantomjs-prebuilt. Please update 'phantomjs' package references to 'phantomjs-prebuilt'
npm WARN deprecated [email protected]: All versions below 4.0.1 of Nodemailer are deprecated. See https://nodemailer.com/status/
npm WARN peerDependencies The peer dependency [email protected] included from grunt-mocha-istanbul will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to [email protected]^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: Please upgrade to 2.2.19 or higher
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN peerDependencies The peer dependency [email protected]>=1.2.28 included from angular-chartist.js will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.

The final error that caused the build to fail is pasted here: [v8-debug] Success:

"/home/mean/node_modules/grunt-node-inspector/node_modules/node-inspector/node_modules/v8-debug/build/debug/v0.7.7/node-v14-linux-x64/debug.node" is installed via remote
npm ERR! Linux 4.9.49-moby
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v0.12.18
npm ERR! npm v2.15.11

npm ERR! [email protected] install: `node scripts/install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script 'node scripts/install.js'.
npm ERR! This is most likely a problem with the node-sass package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node scripts/install.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs node-sass
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR! npm owner ls node-sass
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/mean/npm-debug.log
The command '/bin/sh -c npm install' returned a non-zero code: 1

Is this supposed to work? Have I not installed something that would cause the Docker image to fail?
Hi, your versions of node/npm are tool old, that could be reason it failes
In your log it says:
node v0.12.18
npm v2.15.11
Please try to upgrade to node4 at least and try again.

chk040399 PURCHASED
PreSale Question :
Hi ! If I make a purchase, does this include full access to prior releases. I like learning from the sources and comparing versions always helps to figure out how new features and fixes are implemented
Hi, unfortunately we can't share pre releases. We can provide perhaps an updated project in case the new version gets delayed but we don't have a repository to offer access to latest changes.
Regarding to changes, we include always the summary of changes implemented in the changelog and the list of files that were added, modified or deleted on each version in order help in the process of evaluating what changed in a specific release.

Please let us know if you have any question

I am still trying to get meanjs to work in Docker on my Mac. I have modified Dockerfile to the following:
FROM node:4

# Install gem sass for grunt-contrib-sass
RUN apt-get update -qq && apt-get install -y build-essential
RUN apt-get install -y ruby
RUN apt-get install -y ruby2.1-dev
RUN gem install sass

WORKDIR /home/mean

# Install Mean.JS Prerequisites
RUN npm install -g grunt-cli
RUN npm install -g bower

# Install Mean.JS packages
ADD package.json /home/mean/package.json
RUN npm install

# Manually trigger bower. Why doesnt this work via npm install?
ADD .bowerrc /home/mean/.bowerrc
ADD bower.json /home/mean/bower.json
RUN bower install --config.interactive=false --allow-root

# Make everything available for start
ADD . /home/mean

# Set development environment as default
ENV NODE_ENV development

# Port 3000 for server
# Port 35729 for livereload
EXPOSE 3000 35729
CMD ["grunt"]

Everything compiles now with warnings, but I am able to start my Docker image. It fails with this error:
Running "env:dev" (env) task

Running "sass:dist" (sass) task
Error: Invalid US-ASCII character "\xE2"
on line 102 of modules/core/client/scss/app/nestable.scss
from line 147 of modules/core/client/scss/core.scss
Use --trace for backtrace.
Warning: Exited with error code 65 Use --force to continue.

Aborted due to warnings.

It looks like it may be related to the Docker LANG environment variable being US-ASCII instead of UTF-8? Is Node 4 supported at this time?
Hi again, regarding to encoding issue it seems to be something more related with Os or the docker image setup.
Please take a look at those issues related with the error message (ignore the projects they belong to)

Just a suggestion, try using Gulp instead of grunt, we like more how gulp performs over grunt and we use it for most of our project.

Would it be possible to provide an updated Docker file that will compile and run the meanjs codebase provided? The Docker file provided does not work. With Docker, you can define exactly the version of node you wish. I have tried it with the node version provided with the template as well as node4. I'll continue debugging the provided code, however, my expectation is that, with Docker, you can define all variables so that the provided code can compile and run on any Docker enabled system.

I am currently running the latest version of Docker:
docker --version
Docker version 17.09.0-ce, build afdb6d4

Thanks for the support. I can't wait to start building my project!

Hello again Darrin, sorry for the delay. Unfortunately we don't support Docker. We know it but we don't have too much experience to provide support for Docker setup and development. The Docker file provided is part of the meanjs package that comes when you clone the repository but it's not a file we have explicitly added there. We know it may sound confusing but we provide the meanjs framework as it was designed with the "Angle" template files integrated into the structure of meanjs.
Beyond that, we can confirm the meanjs project is working fine. You can example live here:
One thing we can mention regarding to node version is that the meanjs stack is a bit old and we have modified the required version for heroku install, using "node": "6.11.2" and "npm": "5.3.0" all packages were installed correctly and the project runs without problems.


Can you advise for netcore/angular project how to change the favicon beside the site title within tabs and such?

Hi, please check the following from SO: https://stackoverflow.com/a/45037868/1754325
Just in case, if you have already changed the favicon, make sure browser cache is cleared.

Another good read, https://scotch.io/tutorials/all-favicons-for-all-devices-and-sizes

Let us know if you have any question.
for the reactjs, there is an error on form validation,
javascript error *$(...).parsley is not a function*
Hi, here is the link for the demo of form validation: http://themicon.co/theme/angle/v3.8.1/reactjs/form-validation. Do you see the same error there? Or it happens locally?

Thank you
Hi there, there is no error on the given link,
but the error is there when I use the react project
Hi, did you installed dependencies? You need to run npm install before run "npm run start"
If you have already did that, could you check there's a folder named "parsleyjs" under "node_modules" folder ?
Optionally, you can try removing the node modules folder entirely, then run "npm cache clean --force" and run "npm install" again, just in case there's an issue with npm cache.

Where are the instructions?
Hi, you can documentation under folder "documentation" and then choose the project version you wan to work with.


Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase


Licenses: Details »

Single application $30
  • HTML Template
Bootstrap: Compatible with 4.x
  • Responsive
  • Fluid
  • Fixed-width
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Topic: Internet & Web
Labels: admin, admin template, angularjs, material, meanjs, meteor, mvc, rails, responsive, rtl
Released:4 years ago
Updated:1 week ago
Sold exclusively on WrapBootstrap


Signed up 4 years ago

Need a front-end template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation