I'd like to point out that you have small but significant bug when you rendering form elements for 'input-group'.
So if elements (input and buttons) in input-group are normal size everything is rendering correctly, as your demo shows.
But if the elements of input-group have large size, the rendering is incorrect and not aligned. Here is the markup for such case:

<div class="input-group">
<input type="text" class="form-control input-lg">
<div class="input-group-btn" dropdown>
<button class="btn btn-primary btn-lg" type="button" tabindex="-1">Action</button>
<button class="btn btn-default btn-lg" type="button" dropdownToggle>
<span class="caret"></span>
<ul *dropdownMenu class="dropdown-menu pull-right">
<a href="">Action</a>
<a href="">Another action</a>
<a href="">Something else here</a>
<li class="divider"></li>
<a href="">Separated link</a>
Hi, Thanks for report this. After check the markup, it seems you need to add also the input-group-lg class to .input-group like this
<div class="input-group input-group-lg">

This way the buttons takes correct size. That class is indicated here: https://getbootstrap.com/docs/3.3/components/#input-groups-sizing

dcardoso PURCHASED
Hi there. I just pushed the template and got an anowing bug on the ReactJS code.
If the side bar is on collapsed mode, the router does not work when i try to navigate.
Debuging the app i found that in this point of Sidebar.jsx:

navigator(route) {

The prop "router" is NULL. So i changed it to (sinse it is using router v4):

navigator(route) {

Is this the correct solution? I'm kind new to react.
Hi, thanks for report this and sharing the solution. You approach is correct, we missed to update that in last update as it's stated in the api documentation: https://reacttraining.com/react-router/web/api/withRouter

We will include this fix in the following update.
Hi , I am looking to render side menu based on user ROLE so once user login we get there Role from local storage and then want to render our side menu but your structure not permitting us to do that. It render menu service before we check login and role. Can you please suggest what i can do or you need some more info. Please let me know. Thanks.
Hi, this is for angular5 right?
If so, the current structure doesn't do nothing special because it's basically how angular works. Meaning, the menu is created using the RouterModule.constructor, which is the moment when routes are created. This is done in routes.module.ts. We could have used another module, but found more intuitive to have the menu creation close to the routes definition.
If you want to delay the creation of the menu, you can move the mentioned logic into the module or service that you use to perform login and roles validation, and once it's done, you can use the MenuService in the same way to "addItems" defined in menu.ts

Let us know if you have any question

I have purchased this template and I want to convert vertical expand menu to vertical hover menu which will show and hide once we mouse over on Menu item.

Do we have any code available ?
Hi, for what project do you need this (angular, jquery, etc) ?


I just downloaded Angle as a template for a new ASP.NET Core project.
But when I run jquery version (netcore-jquery) I get some errors, i.e. I can't open any of the menus on the left side, as soon as they open they immediate close. Therefore, it's not possible to access any sub menu item. This is only when the menu is expaneded, popup at collapsed version works fine.
Additionally, changing the design isn't stored, when I open another page it falls back to the default blue scheme.
These errors occur only when I run it locally, in your online demo (http://themicon-001-site1.atempurl.com) it works fine.

In Chrome Developer tools I can see only one error regarding Google Maps API which shouldn't be reason for the problems.

Can you help me?

Best regards
The version we deploy online is the same code we used for development, even we use the deploy as final step to check the product works as expected in a production like environment.
The google maps error is there because there's a missing key, which, as you say, should not be a problem. Anyway, the api is included only on pages where the gmap is used, so you can try any other page or remove the api script and try again.
One chance is that the localStorage is corrupted and the setup for the layout is incorrect, you can try clearing the browser storage or simply try with anonymous mode. Please let us know if in this case any other error appear.
Regarding to themes, the jQuery version doesn't save the themes by default, only angular versions do that. Anyway, this feature could be added saving and loading the selected from locaStorage.

Let us know if you have any question
Hi there, any ETA for ng4 + material 2 template?
Hi, we have recently updated to angular5 the main @angular/cli project
We expect angular 6 for March/April 2018 so in the following moths we plan to start moving angular1.x project to angualr5.
If you are interested we can send you the material project updated to angular5 before release. Just send us a message via our profile and we'll prepare it for you.

Let us know if you have any question
burtonpd PURCHASED
Hi, I see in the documentation that there is a Seed version on netCore build. I don't see that in my download. Has it been made available yet?
Hi, seed versions for netcore project are not available yet but will be included in the short term. If you are interested please let us know for what project you need it (angular 5, jquery or angualr 1.x) and send us a message via our profile page so we can send you the files via email.

Hi! I downloaded the latest version and now I try to run angular5 versions. The seed version runs ok, but when I do 'npm install' and then 'npm run start' on angular5 version, I get this error:

Error: ENOENT: no such file or directory, open '/Users/xxxx/Downloads/WB04HF123/angular5/ng2angle/node_modules/jquery.flot.spline/jquery.flot.spline.js'

There is not such folder in node_modules. I tried with older version of node and npm I had at first, then with the latests on both, but the error remains. What to do?
Hi, the missing dependency is jquery flot, this plugin (between others) is installed using "napa" which is executed automatically when you run "npm install" (see script install in the package.json)
For some reason when you install a new dep, the install script never runs, so basically you need to run "npm install" (without params) again in order to run napa command.

If this results annoying, you can add a new script into package.json like
"scripts": {
"napa": "napa",
And everytime you install a new dep, you will need only to run "npm run napa" to restore those plugins back. This will save you some time against then install command.

Let us know if you have any question
I m trying to play with NG5 template, but I get some errors from the header.component.ts file.

TS2339: Property 'msie' does not exist on type '{}'.
TS2339: Property 'enabled' does not exist on type '{}'
TS2339: Property 'toggle' does not exist on type '{}'.
TS2339: Property 'isFullscreen' does not exist on type '{}'.

Both jquery-browser and fullscreen package are present.
Any idea how to fix this?
Hi, we have not seen this error during development. Also, same code distributed is the one deployed in the online demo. Did you made any change or update in the code or dependencies version?
Just in case, make sure to use the cli version 1.5.4
You can check version with command:
> ng --version

and you can install specific version with commands:
> npm uninstall -g @angular/cli
> npm install -g @angular/cli@1.5.4

Let us know if you have any question

i want to add jQuery Autocomplete Component from this Address:
but ist don't working in the Admin Template.
Combobox is always empty and i can not make a Suggestion!

What can I do.

Or if you have own Combobox Autocomplete Component to use.

Hi, we don't have a jquery based autocomplete plugin included with the template but we can recommend Typeahead as an alternative. Even we have used it in another product. http://twitter.github.io/typeahead.js/examples/

For angular project, Typeahead is part of the uiBootstrap framework, you can check it here: http://themicon.co/theme/angle/v3.8.2/backend-angular/#!/app/interaction

Please let us know for what project do you need to install jQuery Autocomplete Component and we will check it. Or if you like more Typeahead instead.


I cannot figure out how i can transfert props from a page to an other using a react-router;

Should i start by adding a props to the Link component and then trying and somehow trying to use it in routes.js ?

If you have a clue or a solution, help will be appreciated.


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 $24
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • Fluid
  • Fixed-width
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:Yes
Tags: admin, admin template, angularjs, material, meanjs, meteor, mvc, rails, responsive, rtl
Released:3 years ago
Updated:2 weeks ago
Sold exclusively on WrapBootstrap


Signed up 3 years ago

Need a front-end theme?

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 9/10/11
  • Latest Opera

Features & includes

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