Hy, i love this theme, its really great, but im trying to put a image slider and i put the example of this site http://angular-ui.github.io/bootstrap/ but doest work, you can help me with this?? you have another example?
Hi, thanks for purchasing.

Yeah, there's some wrong with [ui Bootstrap](http://angular-ui.github.io/bootstrap/) when working with AngularJS 1.2.x, and they are still working on it.

If you remove ngAnimate in this admin (which you shouldn't, since you need it for animation), it will work

Hope this helps :)
Thanks so much, i remove ngAnimete and it works, i will try to not use ngAnimate for while, but if i need it sometime, i will search another solution for the carousel problem, but thanks for this.

I have another problem, this time is with the left navbar, i'm using firebase and i put a ng-repeat in <li> tag, it works but the dropdown doesnt show anymore, when i remove the ng-repeat of the tag, the dropdown works, look at my gist https://gist.github.com/renatomattos2912/c26731d10fd7f1d0ddf3

You can help me with this? i think that is a problem in NavCtrl but i dont know what i do. Thanks.

My support mainly includes:
* Responding to questions or problems regarding the item and its features
* Fixing bugs and reported issues

It seems that your question is more skill related which make it hard for me to answer, I can give you some quick guide though. Hope you understand, thanks.

Hope this helps :)
I understand, thanks anyway =)
ksambhav PURCHASED

Good Work !!

I bought this theme yesterday and I am still not comfortable with CoffeeScript.

Is it possible that I can get the bundle without CoffeScript components ? Just plain javascript.
Hi, thanks for purchasing.

Yes, you can :)

Actually, I already have write Grunt task to compile all CoffeeScript to JavaScript automatically, you’ll need to know how to use Grunt though.

When you run “grunt server” as documented, all the CoffeeScript files will be compile one by one into equivalent JavaScript inside “.tmp” (this file is hidden) folder, you can use those JS files if you prefer to use plain JS.

Hope this helps :)
Hi, the template is excellent. i am not a advanced coder to understand it i am perfect designer/animator. i am going to use this template for one of my product based client in NZ. everyday i learn new things from your documentation.

I have some questions. please check below:

1, from your documentation it is very easy for me to install bower. But i am not able to pickup Grunt. i am not able to install grunt and not able to understand (package.jason, Gruntfile.coffee) . is it must for me to install grunt. ( the question might be silly, But grunt is nightmares for me)

2, Correct me if i am wrong : should i use client folder or the dist folder for development.

3. For development should i install all the yoman, ruby,sass,compass before i use? is there any other simple way to use the template for development. in the template i am only going to use the left navigation,header & the angularjs that you used to avoid the nav and header refresh.

4, Where the below files are generated. Please if there is any other detailed tutorial let me know

<script src="scripts/app.js"></script>
<script src="scripts/shared/main.js"></script>
<script src="scripts/shared/directives.js"></script>
<script src="scripts/shared/localize.js"></script>
<script src="scripts/UI/UICtrl.js"></script>
<script src="scripts/UI/UIDirective.js"></script>
<script src="scripts/UI/UIService.js"></script>
<script src="scripts/Form/FormDirective.js"></script>
<script src="scripts/Form/FormCtrl.js"></script>
<script src="scripts/Form/FormValidation.js"></script>
<script src="scripts/Table/TableCtrl.js"></script>
<script src="scripts/Task/Task.js"></script>
<script src="scripts/Chart/ChartCtrl.js"></script>
<script src="scripts/Chart/ChartDirective.js"></script>

5. my client is going to use aspx dot net ajax control ( full and full telerik rad controls) will this template support telerik?

6. Last question : do you prefer me any other template that is simple. ( i choose this template for the sider nav and for avoiding full page refresh.

Thanks for purchasing, really glad you like my work :)

About your questions,

1. I am afraid you’ll need Grunt. Yeah, it's probably a bit scary to you if it's your first time using Grunt. However, you'll **fail in love with it** once you get it, it saves you from repetitive tasks. Project like jQuery, Bootstrap and many more use and love GruntJS.

2. dist folder is the distribution (production) version, client folder is for development.

3. Yes, you’ll need them for development :)

4. They are generated in .tmp folder (this folder is hidden) when you run “grunt server”. You can take a look at [Yeoman](http://yeoman.io/) to know more.

5. The admin is front end only, you can use whatever back end you prefer, it’s assumption free.

6. Well, to be honest, I didn’t quite understand this one.

Hope this helps :)
Hi there,

I have an existing AngularJS app, and I'd like to integrate Flatify. I see the Flatify source has it's own AngularJS app that's compiled from CoffeeScript.

What's the best way to integrate Flatify into my existing app?
Hi, thanks for purchasing.

Well, it'll be hard to do so, since the style, code in old one may conflict with Flatify.
Hi there,

We have a project ahead but we may not get a proper designer for UI in the near future. This theme seems to be a potential solution.

But I have the following concerns:
- Is there any jQuery stuff in the theme? If so, might it be in conflict with AngularJS code we are about to write?
- Will AngularJS affect the behaviors of some elements e.g. drop-down menu etc.


Thanks for your interest.

1. Yeah, there's lots of jQuery stuff in this theme and they works great with AngularJS :)

2. What do you mean by "affect"? Anyway, angularjs itself is wonderful
Is it possible to use Flatify just as a Theme and not an App (i.e., without AngularJS)? If yes, what would I have to do to make it happen? Which CSS and JS files are necessary and which can be removed?

I assume that I have to remove the AngularJS files from vendor.js and ui.js and get remove app.js completely. Is this correct and sufficient?
Hi, thanks for purchasing.

The whole admin is built on top of AngularJS, I am afraid it takes a lot of work to achieve the effect you want.

Hope this helps :)
I love the look of this theme. I'm looking to build an email marketing web app that uses Sendgrid. Do you think your template would be a good fit for an email marketing program?

Hi, thanks for your interest.

Well, I am afraid not. I think Flatify admin is best for admin or dashboard apps.

Hope this helps :)
Hi I am new to wrapbootsrap and i bought this template.What do i have to do or install to run it on my local computer. I know about nodejs and grunt i just installed them but i dont know how to run it locally. Can anybody send me the instructions please.
Hi, thanks for purchasing.

I have already documented it in the documentation, take a look at "How to run it" section

Hope this helps :)
Hi ,

I need to create two navigation menus on the dashboard ( duplicate existing nav on left side to right side) . How should I approach. I am new to SASS . Pointers really appreciated .
Hi, thanks for purchasing.

I think it'll be hard for you if you are new to SASS, since it take some time to achieve what you want.

And this question is more skill related, however I can't teach you CSS here, hope you understand.

You'd better find some friends to help you.

Hope this helps :)
Hi, I purchased this flatify theme for my web application but I am already using another two javascript library prototype and Jquery so now I am getting conflict with Angular JS. Can I use this theme with out angular JS because we can use bootstrap angular with Jquery and I believe we are using all the plugins in this theme are based on Jquey. Correct me if I am wrong.
Hi, it's weird that the purchasing sign didn't show up, never mind.

Q1: I am already using another two javascript library prototype and Jquery so now I am getting conflict with Angular JS.
A1: AngularJS works well with other libraries, especially jQuery. In fact, I have used jQuery in this admin as well.

Q2: Can I use this theme with out angular JS because we can use...
A2: AngularJS is fundamental to this admin, I am afraid it takes a lot of work to remove AngularJS

Hope this helps :)
First off, thank you for creating this amazing theme. By typing grunt server I am able to run the website locally from the client folder and check the changes. Now, what command do I run, to get my changes deployed to the dist folder. I tried grunt build but that didn't put anything in the dist folder.
Hi, thanks for purchasing.

run "grunt server:dist" to build dist (production) version

Hope this helps :)
Actually, scratch off my last comment. I realized that the dist folder is actually created inside the flatify folder and the files are getting deployed there. However, I have this problem. I replaced all your coffee script files in the scripts folder to the js version of it (I got them by running the grunt server command and then copying them over from the tmp folder). But now when I run, grunt build, the app.js file contents in dist\scripts folder is empty. The build error is
Running "uglify:dist" (uglify) task
>> Destination dist/scripts/app.js not written because src files were empty.
Would you know what tweak I will have to make to use the same build process but with javascript source files instead of coffeescript?
Hi, I have already solved your problem in version 1.1, and I have upload it to wrapBootstrap a week ago.

However, the review process is a bit slow :(

Hope you understand.
Very happy to know that there will be an updated version available soon. I can wait for it. Will I have to pay for the new version again though? Also please do update us on this comment thread when the new version is available. Thank you so much!
Hi, all the updates are free :)
I like the date picker and the time picker, but they do not work when we put them in one of the wizard steps. It seems like all angular js directives on them get ignored. My time picker loaded blank with the text looking something like this: Time is: {{mytime | date:'shortTime' }}. So instead of resolving these values, the original markup shows up. Would you know how to make these controls work inside the wizard?
Testing more with the wizard, realized that it is only good for static content. The styled controls do not work within them. For e.g. if you put the styled checkbox or textarea in them, the html control and the styled div both show up. Any content which have angularjs directives attached to them do not actually work. All angularjs attributes specified in the content are ignored. I think it is because the wizard in the examples is using jquery (http://www.jquery-steps.com/) and it is not playing well with angularjs.
Yeah, the jQuery steps plugin is not built for AngularJS.

You can take a look at [angular-wizard](https://github.com/mgonto/angular-wizard)

Hope this helps :)

We're interested in buying this template, it seems great! But I have an important question for us.
Are your SASS components independent? Besides colors and mixins, it doesn't require another component in order to compile?

So for example the component "tables" isn't dependent of the component "lists".

I'm asking this because in the past I've bought other templates with their SASS files included, but for a small site I don't always need for example the "tables" component, so when I created my own "main.scss" file with the imports of the components that I need, I received the error that "component X" can't be compiled because it required some stuff from "component Y". Needless to say that the guy who made that template was putting variables and stuff in the wrong place though.

Sure it's not a big deal to include that component, but why include a component if you don't need it? It creates a bigger file for the client to download.

Can you clear this out for me?

Hi, thanks for your interest.

The SASS files are require modular, it looks like this:

// Core CSS
, "components/type"
, "components/tables"
, "components/tables-responsive"
, "components/form-checkbox_radio"
, "components/form-editor"
, "components/form-elements"
, "components/form-input"
, "components/form-select"
, "components/form-spinner"
, "components/form-switch"
, "components/buttons"

// Components
, "components/animation"
, "components/badges"
, "components/breadcrumbs"
, "components/callout"
, "components/charts"
, "components/dropdowns"
, "components/icons"
, "components/image-size"
, "components/labels"
, "components/list-group"
, "components/mail"
, "components/mail-compose"
, "components/panels"
, "components/pricing-tables"
, "components/sprites"
, "components/timeline"

// Components w/ JavaScript
, "components/accordion"
, "components/pagination"
, "components/progress-bars"
, "components/tab"

Hope this helps :)
hungdoan PURCHASED
I feel so excited to use this theme. But, I stuck in modify your navigation bar. (I don't know which script handle it !), - I want my left-menu support multiple level.
And can you give us more detail document about:
+ You use many plugin ( flot.tooltip, Bootstrap, AngularJS , etc,..). So, can you tell me more detail in which Feature you use these plugin (ex: Responsive Design = Bootstrap+custom, All chart=flot,,... ).
+ Purpose of each custom js file (ex: "scripts/app.js",...)

Thanks :)
Hi, thanks for purchasing.

For now, the left menu only supports two level, I am afraid you'll need to modify lots of code to achieve the effect you want.

And if you want to know the usage of plugins. You'll see a plugin list when you open flatify/bower.json file, like so

"jquery": "~2.1.0",
"angular": "~1.2.0",
"angular-resource": "~1.2.0",
"angular-cookies": "~1.2.0",
"angular-sanitize": "~1.2.0",
"angular-route": "~1.2.0",
"angular-animate": "~1.2.0",
"font-awesome": "~4.1.0",
"toastr": "~2.0.1",
"underscore": "~1.5.2",
"seiyria-bootstrap-slider": "~1.9.0",
"bootstrap": "~3.2.0",
"angular-bootstrap": "~0.10.0",
"bootstrap-file-input": "*",
"holderjs": "~2.3.1",
"jquery.easy-pie-chart": "~2.1.4",
"morris.js": "~0.5.0",
"jquery.ui": "~1.10.4",
"jquery.slimscroll": "~1.3.1",
"jquery.easing": "~1.3.0",
"moment": "~2.5.1",
"gauge.js": "~1.0.0",
"flot": "~0.8.2",
"jquery-spinner": "~0.1.5",
"jquery-steps": "~1.0.7",
"angular-wizard": "~0.3.0",
"weather-icons": "~0.0.1",
"textAngular": "1.2.1",
"flot.tooltip": "~0.6.7"

You can use [Bower search](http://bower.io/search/) to search the plugins you want to know more about
do I have to run this template on a server with node.js installed or do I just need node.js for the development client? Is it possible to run it with a php only webserver?

Hi, thanks for purchasing.

You can use whatever back end you like, you just need NodeJS for development.

Yes, it's possible to run it on a PHP only web server

Hope this helps :)
abbaspmz PURCHASED
how can i use this theme in my projects without angular.js?
Hi, thanks for purchasing.

The whole admin is built on top of AngularJS.

I am afraid it takes lots of work to get rid of AngularJS

Hope this helps :)
Olá, eu comprei o tema. Simplesmente fantástico.
Como eu faço para executar este layout no visual studio 2013.
Posso executar isto no IIS on windows ?
O que eu preciso para executar ?


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 $15
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • Fluid
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Tags: admin template, admin theme, angularjs admin, angularjs dashboard, angularjs theme, bootstrap admin, bootstrap dashboard, dashboard template, dashboard theme, flat design
Released:3 years ago
Updated:3 months 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: