229 comments found.
Greetings. When I want open “app/index.html” there is a error that only stop it reload many times. And never ended load the page. maybe there is a problem when try lift up with angular?
Did you change the routers? It works fine on live demo.
Hello , I had purchased Materil – Angular Material Design Admin Template , the supported browser for this template are IE-11 and lower version, Chrome and Mozilla. We are using the HTML type template not the angular one. Can you please provide us information about support for Edge browser in future. Thanks, Nikhil Vyas
I will test the Edge browser. I think it will be supported by default. thanks
Hi there,
I’m interested in your Materil theme and wanted to ask with what database you would connect it?
Thanks!
Hi, This theme does not include any database connection. some apps use the browser localstorage.
Thanks
Hi Admin, I have downloaded your template http://flatfull.com/themes/materil/angular/#/app/dashboard now i want to use the datatable functionality with DTOptionsBuilder, DTColumnBuilder like http://l-lin.github.io/angular-datatables/#/withAjax but i am unable to do it so can you please help me to how can i do it .its urgent please help me.
Follow the documents https://github.com/l-lin/angular-datatables to use the angular-datatables
Hi, I bought this theme some months ago and now we see that it’s updated. But whenever we redownload it from envato we get the old theme and not the updated theme which includes many updates, and our purchase included the future updates but we can’t get the updated current version of the theme. Do we have purchase it again?
No, You do not need purchase again, Just redownload it, read the CHANGELOG.md file to see if it’s the version 1.0.3.
Thanks
npm installto install local dependencies. I am completely new to Node/NPM, so this may be obvious to some, but it was not to me…..
Yes. you are right. run “npm install” to install the modules. Thanks
Its not even complete for the tables, please help I really need finish the project that i have using your theme
You are browsing the html version. you can put the file on a server and check the anguarjs version “http://localhost/materil/app”
Thanks
Hello,
I just bought your theme, and I had the older version, I bought the current version because the options for the forms, there is a problem because in the files that I got I don’t have the complete items for the forms, this is an screenshot and this is a huge difference https://www.dropbox.com/s/c37kkl5lblclqqi/Screenshot%202015-12-28%2002.32.52.png?dl=0 Thanks
Hi, You got two versions of this theme. one is html/jQuery version in the “html/” folder, and another is AngularJS version in the “app/” folder.
some modules in the angular version are not available in html version.
Thanks
is there a way to use uiRouter’s resolve to send data to the controller? I see you call the load() function, but I can’t seem to find a way to send data to the controller and also call the load() function to load the controller js file.
Update: What I would like to do is load a list of orders using a service I created (ie. orderSvc.loadAll()) and send this list of orders to the controller.
.state('app.todo', {
url: '/todo',
templateUrl: 'apps/todo/todo.html',
data : { title: 'Todo', theme: { primary: 'indigo-800'} },
controller: 'TodoCtrl',
resolve: {
js : load('apps/todo/todo.js').deps,
data: function(){
return {value: 'simple!'};
}
})
This https://github.com/angular-ui/ui-router/wiki#resolve tell you how to pass the resole to the controller.
Hi, and thanks for the response! I still can’t make it work, I am trying to inject the ‘data’ key in the controller like this:
My resolve key looks like this:
resolve: {
js: load('scripts/controllers/order.js').deps,
data: function () {
return {value: 'simple!'};
}
}
And controller:
....
.controller('OrderCtrl', [
'$scope',
'$mdBottomSheet',
'orderService',
'data',
function ($scope, $mdBottomSheet, orderService, data) {....
But I’m getting this error: Error: [$injector:unpr] Unknown provider: dataProvider <- data <- OrderCtrl
Do you have any ideas what might be wrong?
It works for me
in ‘app/scripts/app.router.js’
.state('app.todo', {
url: '/todo',
templateUrl: 'apps/todo/todo.html',
data : { title: 'Todo', theme: { primary: 'indigo-800'} },
controller: 'TodoCtrl',
resolve: {
js: load('apps/todo/todo.js').deps,
data: function () {
return {value: 'simple!'};
}
}
})
in “app/apps/todo/todo.js”
app.controller('TodoCtrl', ['$scope', '$location', '$filter', 'todoStorage', 'data', function($scope, $location, $filter, todoStorage, data) {
console.log(data);
}]);
http://stackoverflow.com/questions/23620524/passing-json-data-from-resolve-to-controller-ui-router
I’m on Angular 1.4.8, maybe that’s causing the strange behavior.. I will try with an older version tomorrow. Merry Christmas and thanks for your help!
Best wishes!!
Hi !
Can we update the version of angular material for the 1.0.1? Or have you planned to update it ?
Thanks !
You can update to 1.0.1. Thanks
Thanks for your answer. How can i do that ? I have to update in the app.src.js ?
No, use the bower tool,
run “bower install angular-material#1.0.1—save” will update to 1.0.1.
Thanks. I have update the package but i have error if I use the app.src.js, i think because the angular-material is write in this file. If I use the app.min.js it works but for example the md-autocomplete doesn’t works. I try with the old css’s file and it’s works. Do you know why with the new css file there is a bug ?
I try with the new version of Materil and it seems to work.
Good.
Great set of tools. Purchased it yesterday.
I am trying to use a Table that is both ‘hover’ enabled and ‘row selectable’. Unfortunately, i can’t find any of the table examples – datatable, smart table, etc… with such functionality. Can you tell me what is the best way to accomplish what I am lookng for using Materil?
you can use ‘table-hover’ class <table class=”table table-hover”> class for “hover”. and use a <input type=”checkbox” /> for select row.
Thanks
Hi there,
I’ve been working with your Materil theme and noticed a discrepancy between the shipped css file and the less file. There is an issue with .model > .left in the bs.model.less file. Making the following change fixes the issue:
.modal > .left { position: fixed; top: 0; right: auto; bottom: 0; left: 0; z-index: 1055; }
to
.modal > .left { position: absolute; top: 0; right: auto; bottom: 0; left: 0; }
Without this fix an issue appears on the left hand nav bar that causes it to “jump” around.
Please add this fix to your production less files and make sure the less compiled matches what’s in the shipped css files.
Thanks!
Hi, it will “jump” on which browser? i did not see this jump. Thanks
Hi there, in HTML version when I click on the “Folded aside” it does not become purple in any way. Is there a fix to solve this issue? Thanks.
The html version does not have the theme switch feature. you need change the header color (output the color class on the navbar element) by your server code.
Hi there,
Following up on the comment from Pierre-Louis, I am the owner of the account that purchased the theme. Pierre-Louis is one of our employees, and he’s working on it, so I can vouch for him 
It would be nice if he could get the support from you about the issue.
Thank you very much!
Laurent Kinet
swaninsights.com
Got, Thanks.
Hi,
I’m currently creating a project with this theme for work, and I have some questions. I’m confused about the workflow, namely how to setup proper Swig compilation (so I can just edit the Swig templates, compile them, and see my changes). Is there anywhere this is documented?
I couldn’t find anything explaining the folder structure, either. Is there perhaps a simple version somewhere with only basic bootstrapped code to avoid having to strip the complete example application to create a new one?
Many thanks in advance,
Pierre-Louis
This theme using the grunt-swig https://github.com/rtgibbons/grunt-swig for generating the “swig” folder to the static html files.
when you coding on your real app, you can use other framework which has it’s own template engine.app -- angular source code version swig -- swig files for generating the html folder html - static html version angular - angular build version with minified js/css.
please use the purchased account to ask question.
Thanks
Hi,
See comment below for proof (http://themeforest.net/comments/11758093). I finally understood the angular template structure. I thought Swig had something to do with it, but I finally understood it just doesn’t.
Anyway, it’s still a bit of a pity to have to deconstruct the demo app to create our own, unless there’s something I missed. Isn’t there a very basic fill-in/MWE version of the template somewhere?
Cheers,
Pierre-Louis
Could you update the version of the material design icons to 2.1? There are some interesting new icons in there 
Hi, all the lazyloaded modules are decoupled, you can use them or not. for the material icons, you can use the online one, https://github.com/google/material-design-icons/tree/master/iconfont
Thanks
Hi. I have problem with footable. I have all js loaded. But footable is not running. Can you help me?
Did the footable inited or has any js error?
Hello,
Our web agency would be interested in purchasing the “Materil” template, but we’re not sure about what we can do with it (after reading the Regular License).
By purchasing a regular license, can we change for example : - the background’s header color - the global font-family - add or complete some functionnalities (like adding a calendar to manage events) - change the name and logo of the application ... ?
Thanks for your answers.
Ignis Communication
Yes. you can do all these things with the regular license, unless you want to sell the end product or charge the user to view the end product. you need a Extended license.
Thanks
Hello,
Bundling gives me this issue.
ReferenceError: Waves is not defined
Waves.attach(’.btn’);
Thank You.
<script src="../libs/jquery/waves/dist/waves.js"></script>
okay sure thank you it works for me now.
ui-refresh refresh twice on init of datatable. Afer init i modify $scope.refreshData = newdata, it’s work the datable refresh once.
<table id="tableList" name="tableList" ui-refresh="refreshData" ui-jp="dataTable" ui-options="{
dom : '<\'row\'<\'col-sm-6\'l><\'col-sm-6\'f>> <\'row\'<\'col-sm-12\'tr>> <\'row\'<\'col-sm-5\'i><\'col-sm-7\'p>>',
bProcessing: true,
fixedHeader: true,
bServerSide: true,
colReorder: true,
destroy: true ,
select: true,
sAjaxSource: 'request/generate_data',
deferRender: true,
aLengthMenu: [[10,20,30,50], [10,20,30, 50]],
iDisplayStart: 0,
iDisplayLength:<?php echo $_SESSION'connected';?>,
sPaginationType: 'full_numbers',
fnInfoCallback : manageFilter,
fnInitComplete : loadDatatableComplete,},
}" class="table table-striped b-t b-b">
<thead class="headerColumn">
<?php
foreach ($_SESSION['listfieldsession'] AS $id=>$arrayval)
{
$object=(array)$arrayval;
echo "".$object['Label']." ";
}
?>
</thead>Yes, you can init the refresh function in your controller.
Thanks
I know it’s works the refresh on my controller. But ui-refresh refresh twice on init of datatable.How to load once on first load.
scope.$watch(attrs.uiRefresh, function() {
callPlugin();
});
to
scope.$watch(attrs.uiRefresh, function(newValue, oldValue) {
if(newValue == oldValue) return;
callPlugin();
});
Thanks it’s good now ! We hope you integrate in next upgrade.
Hello,
I have purchased the Materil Theme on the site. I am facing one issue the side hide when mouse out.
i want this to be expanded always how can i do that
https://p2.zdusercontent.com/attachment/470490/itJY8NakWtm5KmwYnhl10Ovh7?token=eyJhbGciOiJkaXIiLCJlbmMiOiJBMTI4Q0JDLUhTMjU2In0..P9tlf9EnmtWPj3cEOID66g._EGZOQuJMqsU1P8TDSU68dmhtLJoiOedI4XEZYdx807tTdI8CIvy5xOAAcbQpTBISXMjP4Dj44QTYQkaHsfBvm18UFK8FpxnK833Q1QrLsnr4QlvxscoZsx01WheEnxjG29gPceYvDJ2ox61S9BWP-XOolbR6xdWu5yREMPBVSDzioZL7Q22L9JI8fYj-2ytsOGVexUprFtX6mBawOsGUeS7tsjB_lBxBJcMMMACZBBv0RyOjWYabcw-whWMepdGV4S4OQR3XxKCfWePe4-3vQ.IUjNZh6TsS3iGLe2RzKfqQThank You.
Remove the “folded” class on the id=”aside” element.
okay Thank You so much.
