5146 comments

Hi,

Do we get any future updates as part of single application license?

I mean when you add new features and new stuff as part of this, do I get as part of my license?

And the charts added are very few. Are you planning to add additional charts?

The theme is really impressive. Looking forward to purhchase this.

Thanks
Gowtham
Hi,

Sure, after purchase you can redownload the latest version via https://wrapbootstrap.com/support/download-resender

About charts, we will focus on provide more options for next updates. Please don't hesitate to let us know if you would like to see a particular feature/plugin.

Thanks!
Regards
Hi,

Thank you for response. There are some features like, Tasks ( with tabs as in Progress, completed, cancelled and so on) and To Do List segregation, Labelling tasks list items and to do list items, nice google maps.

Thank you
Gowtham
What version of datatables and of fullcalendar did you use? They've both changed a lot recently.
Hello,

Fullcalendar is 2.0.0
Datatable 1.10.0

We will update both in next the item update. Anyway, since all vendor assets are separated from the app sources, you can update them with just a file replace. Of course, when we update them, we'll check that everything works fine.

Regards
i don't know why but when i run application both on my java web application and also on mamp, the side bar disappears when i click something in the menu. it only doesn't disappear in firefox. do you have any hint? no error in firebug
sorry i meant web inspector on safari not firebug... i just have 123 warnings
[Warning] Unexpected CSS token: : (app.css, line 2703)
[Warning] Unexpected CSS token: : (app.css, line 5284)
[Warning] Unexpected CSS token: : (app.css, line 5293)
[Warning] Unexpected CSS token: : (app.css, line 6211)
[Warning] Unexpected CSS token: : (app.css, line 6356)
[Warning] Unexpected CSS token: : (app-rtl.css, line 3342)
[Warning] Unexpected CSS token: : (app-rtl.css, line 6439)
[Warning] Unexpected CSS token: : (app-rtl.css, line 6449)
[Warning] Unexpected CSS token: : (app-rtl.css, line 7553)
[Warning] Unexpected CSS token: : (app-rtl.css, line 7722)
[Warning] Unexpected CSS token: ; (app-rtl.css, line 11845)
[Warning] Unexpected CSS token: ; (app-rtl.css, line 11846)
Hello,

Do you a demo to provide us? this issue happens in all browser or only safari? If so, which version and os?
CSS warning will be always exist due to not all properties used are from the spec. For example, line 2703 is a filter which only works on IE and most of the browser detect as invalid but ignore it.

Thanks,
Regards
I have the same problem. The sidebar disappears on Safari (I have 8.0), but not on Firefox. I don't get it back by clicking once or twice on the collapse icon, but if I click the profile icon it shows.
I bought 4 themes in past 2 years.. and I think this is one of the best themes I ever see.. but it might be much better if there will be more pages like Profile, NewsFeed, Chatroom, Gallery, Inbox(Compose/Read), etc... I will surely buy this theme then..
Hi, Thanks!
We will keep in mind your suggestions for next update.

Regards
Thanks... I'll tell my colleges about this theme... they will surely love this... btw.. do you have dates for next update/release?
Hi, we have a new update upcoming soon with some new designs.
We continue working on new features. Our plan is to release an update approximately every fortnight.

Thanks again
Regards
Loving this theme. How would I go about setting a different default theme? I really like theme-e. Where do I input that?
Hello,

If you are using LESS, the best you can do is to open theme*.less files and copy the variables values so you can compile a unique css with your desired theme.

If you are using CSS, you can link the theme*.css in your index page. Also , you can copy and paste the theme css content at the bottom the file app.css, so all color styles will overrided the default and with this technique your saving 1 http request.

We will focus on provide more information about this topic in the docs.
Regards
nitsua PURCHASED
When I unzip the theme and try to run index.html it doesn't load. Do I need to do anything specific? It redirects me to index.html# and there is a blank screen... I've tried firefox, IE, and chrome.
Hi, seems that your opening the app directly in your browser clicking on file index.html.
Since this item is an Angular application, one of the main advantages is that you can separate the app into views and load them separately, keeping the site source lightweight and modular. If you look at the source of the index.html you can see that there are only a few tags and the rest is handled by the Angular application .

Because of that you need to run the application using a server (apache, ngix, IIS).

Regards
jauma PURCHASED
Hi, I'm using Firefox 32.0.3 and the sliders do not work and the documentation load fails too.

Thank you. Good job.
Hi, we re--checked the site on last FF 32.0.3 and everything seems to be working fine.
Do you have more details of the issue? The demo site works Ok for you?

Thanks
Regards
Skylive PURCHASED
Hi,

I'm new to use AngularJS, how to add an external link into the side menu ?

Thanks.
Hi, please send us a message via our profile page (https://wrapbootstrap.com/user/themicon) so we can send you instructions on how to include external link into the sidebar menu.
ssztank PURCHASED
Hi,

Have problems with build and serve template.

Build dist with gulp gives some HTML errors but seems to do the job. After serve /app directory from apache I get 404 errors on vendor scripts (the same with different webservers). Logs bellow:

##################### BUILD #######################
esb@esbbox ~/Workspace/angle/master $ node --version
v0.10.32
esb@esbbox ~/Workspace/angle/master $ gulp --version
[15:51:43] CLI version 3.6.2
[15:51:43] Local version 3.6.2
esb@esbbox ~/Workspace/angle/master $ gulp
[15:50:50] Using gulpfile ~/Workspace/angle/master/gulpfile.js
[15:50:50] Starting 'scripts:vendor'...
[15:50:50] Starting 'scripts:app'...
[15:50:50] Starting 'styles:app'...
[15:50:50] Starting 'styles:app:rtl'...
[15:50:50] Starting 'styles:themes'...
[15:50:50] Starting 'templates:app'...
[15:50:50] Starting 'templates:pages'...
[15:50:50] Starting 'templates:views'...
[15:50:50] Starting 'watch'...
[15:50:50] Finished 'watch' after 4.31 ms
[15:50:58] Finished 'scripts:vendor' after 7.57 s
[15:50:58] Finished 'scripts:app' after 7.72 s
[15:51:00] HTML Error: lock.html Line 1, Column 45: Element head is missing a required instance of child element title.
[15:51:00] HTML Error: lock.html Line 4, Column 121: Attribute ng-src not allowed on element img at this point.
[15:51:00] HTML Error: lock.html Line 4, Column 121: Element img is missing required attribute src.
[15:51:00] HTML Error: lock.html Line 16, Column 63: Attribute ui-sref not allowed on element a at this point.
[15:51:00] HTML Error: lock.html Line 21, Column 109: Attribute ng-click not allowed on element button at this point.
[15:51:00] HTML Error: recover.html Line 1, Column 53: Element head is missing a required instance of child element title.
[15:51:00] HTML Error: login.html Line 1, Column 53: Element head is missing a required instance of child element title.

##################### SERVE #######################
Firebug:
GET http://localhost/app/i18n/en.json

304 Not Modified
55ms
base.js (line 6)
GET http://localhost/app/views/app.html

200 OK
2ms
base.js (line 6)
GET http://localhost/app/views/dashboard.html

200 OK
1ms
base.js (line 6)
"NetworkError: 404 Not Found - http://localhost/vendor/fastclick/fastclick.js"
fastclick.js
"NetworkError: 404 Not Found - http://localhost/vendor/flot/jquery.flot.min.js"
Hi, the errors displayed when you run gulp command occur becuase of the w3c validation plugin. Since an Angular application has markup (directives) that are not in the specification and page content (views) are loaded separately, errors will always appear. We use the error validator to find errors to make the html the most valid as possible.

We've uploaded a new version removing the validation (now is optional) so you can run and get only the compilation messages. Also we've added a livereload plugin to reload the page after file changes.

Regarding to the 404 errors, paths seems to be ok. May you could check if the file really exists on your server. Perhaps a bad package upload or unzip?
ssztank PURCHASED
Thx, Its ok when serving /vendor dir as well. I though vendor scripts are compiled somewhere to /app directory and only /app dir has to be served.

I tried to download new version but it seems to be old (products_WB04HF123.zip with build HTML Erorrs ). I post request about this to wrapbootstrap.
Dont have this template without angular?
lol...me too!
Hi both, thanks for your support.
At this moment we don't have in plans create a non-angular version but we are considering the alternative. We hope a little patience since some features are exclusive from angular and others need to be rewritten in the jQuery way.

Thanks,
Regards
hi,

your theme is awesome...but I have a problem and I hope you understand.

i was flipping back and forth between a couple of admin themes and picked one to buy, thinking it was the one i wanted.

turns out i bought yours, and I don't even do angular at this time...I would really appreciate it if you could refund the money and you have my word I'll delete the copy. like I said I have no use for it anyway.

thanks!
Hi, please try contacting the WrapBootstrap support (https://wrapbootstrap.com/support) to let them know the issue.
Unfortunately we aren't able to manage refunds.

Regards
Is the AngularJS in JavaScript or CoffeeScript?
Is the project layout modular or sock-drawer (all directives in one folder, all controllers in one folder, etc).?
Hi, it's only JavaScript. The files organization is one folder for controllers, another for directives, etc. As you mentioned.

Regards
Unable to host the downloaded code on iis (Theme Angle -AngularJS)

It shows a blank page on further investigation found that

store+json2.min.js
/vendor/store
GET 404
Not Found
text/html base.js:19
Script

en.json
/app/i18n
GET 404
Not Found
text/html base.js:6
Script

These are the error when i browse the index page.

Please advise.
Hi,

There's a known issue using IIS due to the file store+json.min.js. You can find it in the folder vendor/store. Try renaming it to store_json2.min.js and then fix the path name in the app.js file or config.js ( if you are compiling the sources with gulp)

New version 1.1 (pending review) removes the storejs plugin in favor of native storage support.

Let us know if problem continues
Regards
Is compilation required ?
To avoid compilation edit the file app.js, into folder app/js.
And change web.config

Example
<configuration>
<system.web>
<compilation debug="true" targetFramework="4.5.1" />
<httpRuntime targetFramework="4.5.1" />
</system.web>

<system.webServer>

<staticContent>
<mimeMap fileExtension=".json" mimeType="application/json" />
</staticContent>
</system.webServer>

</configuration>
Hello.

I'm really considering buying this theme but the only thing that keeps me on doubt is the lack of example pages.

When are you releasing more pages and how regularly do you plan to update the theme?

Best regards!
Hi langel,

Our plan is to release an update approximately every fortnight.
Currently there's an update (v1,1) pending for review with new example pages. We want to let you know that we're also working on more features and examples. Please don't hesitate to let us know if you would like to see a particular feature.

Regards
Hey, I have everything going well but I'm having an issue with the resolves. Basically, you have a function called resolveFor(), which lazy loads, and works great but I also need to be able to create my own resolves that I can access from the controllers.

Example:

someResolve: function(someFactory, $stateParams) {
return someFactory.getSome($stateParams.some_id)
.then(function(data) {
return data.results;
})
}

I tried a few different methods but can't get any to work, need your help, thanks!
Hi, thanks for pointing this.
The temporary solution is a bit tricky but it will work.

Since "resolveFor" creates the final object that "resolve" needs, you have to attach your own methods to that final object so the router can run them and deliver the data to your controller. Angular extend function is able to mix properties from two or more objects

...
resolve: angular.extend(
resolveFor( .... ), {
pageData: function() {
return { title: 'Testing a page title.'};
}
}),
controller: function($scope, deps, pageData) {
$scope.pageTitle = pageData.title;
}
...

Note: the "deps" parameter is the promise chain created by resolveFor. Also, please have in mind you can't use that name for a property or you will override all promises.

We are fixing the function to accept objects that are not resolved as a promise so this could look a bit more elegant.

Let us know if you have any question.
Regards
Personally I really like this solution and i makes sense. I will, however, suggest you document it in the app.js file... atleast keep blank resolves spaces open... my example with UI-ROUTER:

.state('app.contacts.create', {
url: '/some_url',
templateUrl: 'path_to_template.html',
controller: 'someController',
resolve: angular.extend(
resolveFor(), {
//YOUR RESILVES GO HERE
}
)
})
Thanks for the code. We will include it as a demo to document the process of adding custom resolves.

Regards
jancel PURCHASED
What an amazing product. I bought it and found much more than $18 worth of knowledge there. Good work. Got it up and running with a very easy installation (node/gulp/etc.). Long and short, I extracted the files, built them in the master directory using npm install, then gulp command.

I went back to the main directory and...

npm install --save-dev gulp gulp-webserver
touch gruntfile.js

Add following to gulpfile.js...

```
var gulp = require('gulp'),
webserver = require('gulp-webserver');

gulp.task('webserver', function() {
gulp.src('.')
.pipe(webserver({
fallback: 'index.html',
open: true
}));
});

//---------------
// DEFAULT TASK
//---------------

gulp.task('default', [
'webserver'
]);
```

Then, from same directory...
gulp

It all seemed to work (no full checkout, but awesomeness ensued)
jancel PURCHASED
I didn't touch gruntfile. Sorry, that should be gulpfile.js (shaking my head)
Hey jancel, thank you for sharing this!
Actually we have omitted the server, since Angle comes with a couple of php scripts that are not possible to process with 'webserver'. Anyway your idea will help, to optionally run a server directly from gulp.

Thanks!
I noticed there's an issue with datetimepicker, I narrowed it down to the fact that collapse isn't undefined. collapse is a bootstrap.js function and that needs to be included
That's right.
We've also included a datepicker and timepicker (different) from BootstrapUI that uses angular native code.
The bootstrap-datetimepicker has a restriction when using the the date and time control at the same time. Is not possible to include the collapse (or at least is not the right way) since the collapse plugin is included via bootstrapui and also in some case both js version in the same page generate events conflicts.

Our apologies for the inconvenience. We include it because we thought it would be more suitable for some cases, but forgot to document such restrictions. If we can't find a way we will remove from next releases.
Is this theme rails ready?
Hi, currently we have not made any modifications to make it compatible with rails.
As soon as we can we'll check this issue.

Thanks,
Regards
cfsamson PURCHASED
Hi, question about the angular part. Have you followed a particular convention/practice described somewhere or do I have to download to find out (i.e. regards to dependency injection, $scope vs ControllerAs, manipulate DOM in controllers or only in directives, one file pr feature vs everything in one file etc).

No right or wrong but I have downloaded quite a bit of angular versions with big differences, some requiering a lot of work to figure out/adapt to and some easier, but impossible to have an idea before downloading them ;)

BTW the theme looks beautiful!
Hi, we usually focus on best practice except for those case we think it could be better follow another way, in particular, to focus on simplicity of use.
For example, we use a file for each controller, and every controller is declared using an anonymous function. The counter part here is to declare the function by separate so you can use the controlerAs syntax. This could be useful in terms of organization and best practice but you end with many files that you need to learn about before start using the framework.
Regarding to dom elements, we focus on provide the access only via directives, but avoiding to create tons of directives and, sometimes, the controller accesses the dom element to initialize some plugin. This should be easy to translate to a directive without major problems.

Here you can find a guide for good practices https://github.com/toddmotto/angularjs-styleguide

Anyway, we are always open to comments and critics in order to improve the product usability

Let us know if you have any question
Thanks
Regards
cfsamson PURCHASED
Thanks for the answer. I purchased it and have had a look through it and found it the easiest I've seen so far to understand even though it's quite advanced, Loved that you seperated it into one file pr controller and one file pr directive.

Todd Motto's guide is very good, same with John Papas (which is 90 % the same).

I'll let you know if I have any feedback.
Hey, I'm noticing an issue with the notification item in the top right (the bell). On the dashboard it works fine but initially loading the page from a sub page and it's buggy/inconsistent. For instance... go to http://themicon.co/theme/angle/#/app/buttons and click the bell/notification button and it won't work, but go to the dashboard, re-load and it works fine... any ideas on a fix?
Hi, is possible that the custom anchor directive is in conflict with the dropdown. Such directive only prevents null links to propagate the event. Usually this is useful for a demo or another particular case, but we notice the directive doesn't contemplates the dropdown links, so a class check could fix that in following update.
In the meantime (if you didn't) you can try removing the file anchor.js (or directive href).

Let us know if you have any question
Regards

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

$24
11104Purchases

Licenses: Details »

Single application $24
Version:3.8.2
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
  • Fluid
  • Fixed-width
Browsers:
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:Yes
Categories:
Tags: admin, admin template, angularjs, material, meanjs, meteor, mvc, rails, responsive, rtl
Item#:WB04HF123
Released:3 years ago
Updated:2 weeks ago
Sold exclusively on WrapBootstrap
themicon

themicon

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: