211 comments found.
Hello, I wanted to know when the frontend sample page will be ready.
Hi, I’m currently wrapping up an Angular 4 version then plan on finishing the Front-end theme. If all goes well hopefully within the next two weeks.
Do you have any idea when the react version will be ready? Do you have a beta app?
Hi,
A seed version of React is currently in the works, it’ll be ready within the next couple of weeks.
Hi. I am using your theme Material Wrap.
I noticed that the load time for vendor.bundle.js is about 750-500ms long, so I decided that I should cache it.
But whenever I cache it and load the page, it says that Jquery was not found and modernizer.
How should I solve this?
Hi, how are you caching that file? Maybe that can help me debug this for you.
Also, you could cut down on that load time if you don’t need to run all of those plugins. Have a look at the vendor json file and in the root and remove any vendor plugins you don’t need and run gulp. That will repackage the vendor file for you with less code.
Im caching it like text/javacript
The answer is probably no, but I will ask anyways (maybe I will get lucky!). Our app is using Bootstrap 2.3.1 and I am wondering if you have a version of this template that is compatible with 2.X?
Hey, yeah sorry no bootstrap 2.x 
Hello do you have a dark theme? Like a night owl one, or could you possibly make one?
Hey, not yet…was thinking about adding a dark version. I think that would look pretty cool. I’ll add it to the roadmap.
Hello,
I want to buy this template , but I have a question first.
I’m not familiar with LESS, or Angular or Meteor
I’m fine with HTML, CSS, BOOTSTRAP and Jquery.
Can I use this template, or it will be too dificult for me ?
Thanks
Hi, This theme has a very easy to use version of jQuery,Bootstrap,CSS with step by step instructions. It uses SASS but it get compiled and comes with the full CSS file you can use instead of SASS.
Great theme! Just wanted to ask – is it possible to have a fixed logo (top-left-corner) that isn’t affected by the flip button? What I want is to separate the logo from the navigation so only the latter would respond to mouse-over and flip button…
Hey – Thank you very much! Yes that’s possible, I worked on some css overwrites for you this morning to apply to your stylesheet. Let me know if this works for you.
#app_topnavbar-wrapper .navbar-nav.left-menu{
padding-left: 240px!important;
}
#app_sidebar-left #logo_wrapper{
width: 240px;
}
#app_sidebar-left #logo_wrapper ul li h1.brand-text{
display: block!important;
}
.app_sidebar-menu-collapsed #app_sidebar-left #logo_wrapper li.menu-icon a{
display: block!important;
}
Hello, first of all great work, looks and works amazingly. I have an issue though, there’s a calendar menu but there doesn’t seem to be a calendar. It’ll be a very important subject for my next project. Can you clarify please?
Thank you! Currently there’s not a full calendar on here, the menu item in the App dropdown menu is just for demo purposes. Is that something you would need in a future release?
I haven’t started the project yet but will next week and I honestly feel this piece of art is just perfect for my needs. Do you think it’s possible to have it added? It is definitely something I would need, actually, it’ll be the center piece of the whole thing 
. Thanks for the care.
Ok Great! I’ll see what I can do about adding one soon.
Best regards, Jason
Cool, I hope you manage to! Looking forward to it. Keep up the good work and thanks for your time.
Hey, so we bought it using the company account. It seems it’ll be at least one more week until I’ll need that calendar. If you end up adding it it’d be better otherwise I’ll just do it myself , but thanks for the response either way and it doesn’t make it any less great. Keep it up.
Hey, that’s awesome man…and thanks for the kind words! Not sure if I can have it by then, but I’ll what I can do. Let me know if you have any questions along the way.
Thank you, this is a great work !
Thank you very much! 
If i do not need this div (’#app_sidebar-left’), what should i do is the best? I tried to delete directly, but the effect is not good.
Sure no problem, after you remove the left sidebar HTML find this id wrapper #content_outer_wrapper and set the padding-left to 0px. Next the class .left-menu which is in the topbar menu and set that to padding-left to 0px as well. That will remove the extra space you’re probably seeing after you removed the left sidebar nav.
So the end result would now look like this: https://snag.gy/ikwdT6.jpg
Hope this helps!
Best regards, Jason
Thank you very much !
Purchased a couple of weeks ago, great theme! I’m trying to use the material date picker form element (or the regular date picker for that matter) and using the code in the samples, I can only create one. Changing the id breaks the functionality. Where can I find documentation on how to setup and call the date pickers? Thanks!
Hey – Thank you very much! Sorry to hear you’re having issues with the date pickers. Here’s the docs for both date pickers, hope this helps!
Pikaday: https://github.com/dbushell/Pikaday bootstrap-material-datetimepicker: https://github.com/T00rk/bootstrap-material-datetimepicker
Hello, Thank you for the great theme!
I have a question regarding input element (like checkbox) that have a masked applied on page load. How can I apply that mask on the newly added element, by ajax let’s say.
Thank you!
Hi, thank you very much!
What you would do in that case is create a function that handles the form submit for those input elements. On click of that submit button you would have a $.each method inside of the click handler that will loop through all of the inputs which will now include all of the new inputs that were dynamically added, and within that $.each method you can apply a mask, validation, etc. to whatever you need on each input and that would add the new bindings needed before the form gets submitted.
Hope this helps!
Best regards, Jason
Hello, thank you for your answer. I think you did not understand what I said. It makes no sense to apply the mask before submit, I should apply it right after the new element has been added in page. Anyway this is not what I am asking, I can handle this.. I am asking for the library used for masking the form elements and the methods I should use.. A documentation and maybe an explicit example. Thank you!
Yeah my bad, I didn’t think that made sense to apply a js mask to a checkbox. I was thinking you wanted to apply some type of js mask or validation to it instead. So I believe you’re talking about masking the default styling of it then right?
You would run this after adding the checkbox: $.material.init();
So if you drop this example in your console you’ll see it work.
$('#dashboard1').append('<div class="checkbox"><label><input type="checkbox"> Checkbox</label></div>');
$.material.init();
That code lives in ‘app/js/material/material.js’ And it gets called on page load within ‘app/js/app.js’ line 156
The docs for that can be found here: http://fezvrasta.github.io/bootstrap-material-design/#checkbox
Yes, thank you! It works!
Hello Sir,
I purchased Material Wrap – Multipurpose Admin Theme, which JQuery backend based template. But when I make Angular backend, many html pages should be html template right?. I am using angular UI router to route the page. Most of the click event doesn’t work properly. For example: In one of the template I added tab control, active tab should have highlighted with blue when I move over the tab But it is not happening. Similarly, when I click on drawer button that should have toggled right drawer. Is it tested for ui-router?
Hi, First let me say thank you for your purchase! Now, I have a couple of questions for you. Are trying to keep all of the jQuery binds with an Angular router? If so that probably won’t work very well. I’m currently working on an Angular 4 version of Material Wrap and replacing all of the jQuery binds with Angular binds. Typically the only parts that are re-usable when converting to an Angular or React project is the HTML structure and the CSS for your views. These other JS frameworks and libraries usually work better if you play by their rules and create the binds, controllers, etc. the way they want you to. This way you gain all of the benefits of their artictuaral design.
AMAZING theme! Stunning! Already did 50% of the interface with another theme, but I’ll be spending the week transitioning it.
Just for my own knowledge, I know most of your stuff is written in ES6, but I’d like to transfer it into Vue.js; Is there nice page animations you have or recommend to animate page transitions? Thanks!
Hey, Thank you very much! I’ve included the animate.css library into the project, some demos of it can be found under ‘Design Elements > User Interface > Animations’. Personally I prefer the more subtle ones for page transitions like the ‘fadeInUp’ one, and you would apply that by adding 2 classes to the page wrapper. Which are ‘animated’ and the ‘fadeInUp’ class. I try to use css rather than JavaScript for any animations because it’s much smoother, JavaScript animations tend to get choppy and sluggish.
Awesome ! Thank you; I generally find that Animate.css’s animation are too slow for page transions. I’ll see if I can make it faster
I agree, I’ve actually done the same thing before. I went in and adjusted the timing to make them a little faster and less dramatic.
Hi, I tried run app but I always get
Uncaught TypeError: $(...).slick is not a function at slickCarousel (initPlugins.js:318) at HTMLDocument.<anonymous> (app.js:160) at l (vendor.bundle.js:2) at Object.fireWith [as resolveWith] (vendor.bundle.js:2) at Function.ready (vendor.bundle.js:2) at HTMLDocument.a (vendor.bundle.js:1) slickCarousel @ initPlugins.js:318 (anonymous) @ app.js:160 l @ vendor.bundle.js:2 fireWith @ vendor.bundle.js:2 ready @ vendor.bundle.js:2 a @ vendor.bundle.js:1
Hi, It sounds like your bower install packages didn’t run, this is what will install the slickCarousel plugin. Did you run the ‘bower install’ command in your terminal? Please check the install docs starting with step 3 and let me know if you did those steps. Those steps will create 2 folders in your ‘app’ folder one is called ‘node_modules’ and the other is bower_components’.
hi there,
do you make custom theme ??
thanks
Hi, Thanks for asking, unfortunately I don’t have time for freelance projects right now.
Hello!
Does this UI Kit have documentation? Can I see it before I buy?
Thanks, Radu
Hi, Yes there is detailed documentation that’s included in the download. It’s in HTML format, but it’s not published on a public server.
Here’s the current table of contents for the docs:
-
Overview
- Intro
-
Getting Started
- What you’ll need to get started
-
Configure Setup Started
- How to install Build Tools
- How to install Packages
- How to start your local web server
- About Working with Webpack and Gulp
-
Site Structure
- Folder Structure
- Main Folders
-
Template Structure
- App Layouts
- Page Layouts
-
Custom Styles
- How to customize your own styles
-
Modular JavaScript
- About ES6 Modules
-
Credits
- List of Credit with sources
-
Support
- How to contact us
-
Changelog
- list of changes
Best regards, Jason
Anyway you could publish it? When do you think the next release is going to be? Also – is there any chance a simpler version would fully work on Galaxy SII phone? Right now – the live demo doesn’t work.
I’ve not tested phones that old, so I’m really not sure. I’m currently working on a Seed version of the project so it will be a simpler boilerplate version of MW. As for the Android Devices and OS’s that were tested are:
- Galaxy S3 – Galaxy S7
- Galaxy Note 3,4
- Marshmallow (6.0)
- Lollipop (5.0)
- KitKat (4.4)
- Jellybean (4.1 – 4.3)
- Ice Cream Sandwich (4.0)
I’m interested in buying this theme but I have a couple of questions before I purchase:
1) Does this template come with a calendar?
2) Would the email portion actually be able to become a functioning emailing system?
Thanks!
Hi, Thanks for your interest in MW! It does not have a full calendar, but the email is designed to be a fully functional email app.
Hi, good afternoon, how can I change the language of the calendar? i modify the js but do not make the modification, I do not know if you can help me thanks, excellent template. 
Hi, thank you for your purchase! MW does not yet have internationalization i18n support but it’s in the roadmap to be added in the near future.
want to buy this amazing item can we change it a little bit especially for our resource and how can we integrate it to the website?
Hi, thank you very much! Yes, anything can be changed on it. I have included step by step documentation on how to do so in the download files.
Amazing work ! Good luck with sales
Thank you!
