I have a question:
In the package after buying are there not minified JS and CSS?
Hi, that's right.The package includes non minified version of all source files.

Hi there,

What is your recommendation for development environment? I tried to open index.html but am getting cross domain errors due to assets being loaded locally.


The app requires a server since AngularJS perform HTTP requests to load views into the app. You can use apache, iis, node, etc.

This is a simple solution for a basic server setup using nodejs

- Install http-server "npm install http-server -g" (-g installs globally)
- Once it is installed move to the root folder of the theme (where index.html is located) and run
http-server . -a

If everything goes fine you can now access to the app at


Is there a change log anywhere for 1.7?


Please ignore, found it in the download :)
i have question about panel tools,
how can i catch event from panel refresh with angular or only with jQuery?

and about translate i try latest translate from bower 2.5.2 version and all working but sidebar not translated... maybe bug in translate, if i use yours (2.3.0) all works ok
thanks! :)
maybe update directive to use with callback ( http://stackoverflow.com/questions/15896985/angular-js-callback-function-inside-directive-attr-defined-in-different-attr ) ?
Hello kepro, please send us a message when you get a chance


How do I dynamically change alert value in the side menu for a menu item?

The sidebar is automatically generated by loading the file server/sidebar-menu.json. Such file should be generated from your backend script, if you look at the demo, there's a property called "alert" that allows to show any small text or number next to a menu item.
Dynamically I mean through javascript after the initial load.
you can change after load sidebar $rootScope.menuItems = items;
find your item and change alert value in object
I have another question:
how can I trigger a custom Notify Alert from javascript?

$.notify(message, {status: "danger"});
look at app/notifications controller of Angle template
one future, change anchor.js on click add element.blur(); to dismiss hover and click state of element...
if you click on settings and move mouse still is in "active" state and you must click elsewhere
maybe be a nice future :)
Thanks for your suggestion!
redixint PURCHASED
In the new version 1.7, it looks like that you have a new landing page when pressing the "Live Preview" button. Can you add this landing page into your distribution?

Hi, the landing page is under frontend folder inside the package.

Let us know if you have any question
redixint PURCHASED
OK. Thank you for your great work!
Hi :)
some directives can't be minify... like tags-input, panel-tools, etc.. missing [ '$scope', etc.
Hi, try minify without code obfuscation. We'll add gulp-ng-annotate to avoid this conflict
and future for JADE, yes is better for users to use nginclude but 5-6 files for small html? like footer etc?
i replacing footer(ng-include="'app/views/partials/footer.html'") to jade include :)
what's your opinion? what is better? or is on user what way they use
That's right, small files is not necessary but we leave the code the most customizable as possible. In some case you're app could need to use a more complete footer with buttons, dropdowns, forms perhaps, which will increase the size.

In short, like you did, moving small files to jade include is the best approach.

Hello, when I ran gulp default task, it shows these messages.
[07:59:21] Starting 'scripts:vendor:app'...
[07:59:29] Tested 20 tests, 20 passes, 0 failures: PASS
[07:59:29] Finished 'scripts:vendor:base' after 7.28 s
[07:59:37] Tested 74 tests, 74 passes, 0 failures: PASS

But I could not find any unit tests that were written to test your app. These tests are from vendor components?

What am I missing?

that is count of files 74 files in vendor.base.json and 20 files in vendor.json that is all the files are exists
Thank you. I was asking in terms of karma configs and any unit tests that you guys wrote to test your app?

Like @kepro said, the message comes from the gulp-expect-file and the test is particular of such plugin. We use it to make sure all required files has been moved to the app because gulp doesn't throw errors by default if a file doesn't exist.
We don't include unit testing.

The paging ngTalbe Ajax is not working, always shows the eleven items.

thank you
sorry *NgTable
That's because in the demo there's no backend that performs the pagination.
When you return the json string, there's a property with the total and another with the result. If server responds with total: 20 result: 10 items, the table will have automatically two pages, when click on second page, a new request is sent to the server to recover the following items.

If you don't want to trigger a request for each page, you can use a service to store one single request in a cache and then use it in following requests. We will include a demo for this in next update.

Let us know if you have any question.
My company is not completely satisfied with this tamplate.
You added the ngTable, but the paging functions and filter do not work with Ajax. The paging does not work even in your example.
When we use ngTable in other structure, it works perfectly.
Please see above answer and let us know if you have any question
c-myers1 PURCHASED
I didn't get an automatic invite for your last few updates up to 1.7. Any reason why?
The marketplace handles automatic mailing, try contacting support for this.
We also publish updates via twitter at @themicon_co
redixint PURCHASED

When using the flatdoc in the development and test environments, both worked well. However, in the production environment, the flatdoc does not work and the Chrome console gave me the following error:

Uncaught Error: [ng:btstrpd] App Already Bootstrapped with this Element 'document'

The flatdoc statement that I used is:
<flatdoc src="modules/supports/views/readme.md"></flatdoc>

Can you suggest a way to resolve this problem?

That error means your application is trying to start Angular twice. You can try removing the ng-app attribute to see if that fixes the error.
Also, that's a common error depending on the server/framwork your working on (e.g. turbolinks)
I was wondering why you did not use gulp-ng-annotate or ng-annotate for DI annotations?
We have already added ng-annotate for the next update. Also we have include sourcemaps generation
in release 1.8? When are you planning to make this update available?
Yes, 1.8 will be released soon this weekend. Also featuring a jQuery version of the theme and seed projects.

Awesome! I am in the process of taking your template and customizing it to my needs. I would like to see more examples of a service to consume restful api using angular-resource. My application has heavy CRUD operations reading/writing data from server.

Also include the unit and e2e testing packages/configurations to get started on testing the customizations, if possible.

If it gets delayed in getting marketplace version updated, would it be possible to send me the archive directly?
Hello, update is already available for download.
Currently the package includes some demos using ngResource but limited to a single json request. We will take a look to add more demos, we would like to add something like user directory or contacts lists.
Regarding to testing for momento we don't include nothing related to unit testing. Hopefully after some other new features we will take a look on this,

Thanks, I just downloaded. I see that you added gulp-ng-annotate but all the controllers in the backend angularjs app, they already had array convention of all the dependencies, that means that by adding ng-annotate does not make much difference to the existing code but if we write any new controllers then we don't need to use the [] in module definition?

please clarify.

Ravi Ada
Hi, that's right. The best practice is to use the array convention to make your code most portable as possible. But you with ng-annotate you can forget about problems if you miss to inject some depency

Problem when update to bootstrap 3.3.1

I updated files in less/bootstrap, then less compile failed.
some variables not found:
@brand-info-light ...
variables.less has some special bootstrap variables used in the template.
Anyway, the theme is already running on 3.3.1
Have you considered in make a html version witout AngularJS?
it's great for other integrations
Hi, we will release tomorrow an update including a html/jQuery version (non angularjs)
As we said, the update has already been released.
We hope you enjoy it :)

in my app I have different user roles. How do you suggest to restrict some pages to specific user roles?

Of course the server will not give any sensitive info when the user has not the rights, but the views are still opening.

Thanks :)
take a look in here maybe help http://stackoverflow.com/questions/22537311/angular-ui-router-login-authentication
Here is a good example about authenticate user on every route request http://stackoverflow.com/a/25373791
israelws PURCHASED
First let me say that the frequent version updates are great and appreciated.
Can you please let us know what is, in your view, the best practice to update existing Agele based project with new version.
I have a project where most of my custom stuff in in other files (controllers, directives). I'm not using the "custom" folder - what is the use for this folder ?

Place here your custom modules. You can drop all your JS files or create a folder for all your controllers, directives, etc.
Another better approach is to create a folder for each model in your application.

All files here will be concatenated after all files in the modules/ folder.

Dependencies, see file app.init.js
Routes, see file modules/config.js
Constants, see file modules/constant.js
from readme ;)
That's right, as @kepro said, keeping your code most separated as possible from the theme source will help to avoid compare each file that has been updated.

We have also included from last version an AngularJS seed project that helps to focus only on main feature when a new update is available

Another approach is like @juniobranco stated, "The changelog states the files that changed. Once you understand the dependencies of the different modules you can update what is required. For example for any CSS change, I did not change anything from the original CSS instead I created a new one that has my custom one's. Ideally this allows me to update the CSS files without concerning with any impact to my custom changes ( although it can break them in some rare cases).

For Angular Directives/Controller/Service changes, I trace back the dependencies of the components that I used, for example any updates on Maps related stuff, I don't need so I won't need to touch anything on my side. Thats the beauty of Angular its suppose to be segregrated!"

We hope this helps

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 $28
  • 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:2 months 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