Discussion on Materil - Angular Material Design Admin Template

Discussion on Materil - Angular Material Design Admin Template

Cart 1,041 sales
Well Documented

Flatfull supports this item

Supported

229 comments found.

Hi. The required field validations doesn’t work in iphone browser. Please check this link. http://flatfull.com/themes/materil/html/signin.html On computer the validations work, but not in iphone. Please fix this and update. Thanks.

If iOS doesn’t support it, then you should have used an alternative javascript validations, that is supported. Please provide an alternative js validation solution for this issue, so that I can use it for mobile, or else there is no use for this theme for me.

You can use this one, http://parsleyjs.org/

Hi, im new to angular-ui-router, so i get a few problem when i want to modify the template. my question is :

1. in config.router.js, you add lazy load the script needed when the controller called via “resolve”.

example:

..

.state(‘app.analysis’, { url: ’/analysis’, templateUrl: ‘views/pages/dashboard.analysis.html’, data : { title: ‘Analysis’ }, resolve: load([‘scripts/controllers/chart.js’,’scripts/controllers/vectormap.js’])})

..

my problem is, if i want to add another function in my “resolve”, for example, “authentication” method so i can check if the user already log-in or not, how to do this?

this is the example if i add without your load function:

...

.state('access.signin', {
      url: '/signin',
      templateUrl: 'views/pages/signin.html',
      resolve:{authenticate : authenticate}
    })

...

can you help me? i try to add:

..

.state('access.signin', {
      url: '/signin',
      templateUrl: 'views/pages/signin.html',
      resolve:{authenticate : authenticate, load:load(['scripts/controllers/chart.js','scripts/controllers/vectormap.js'])}
    })

..

and getting error.

oh yes, i purchase your theme but never had time to use it so the support is expired when i needed the most like this time.

Thanks.

The load function return a deps.
resolve:{
 authenticate : authenticate,
 load:load(['scripts/controllers/chart.js','scripts/controllers/vectormap.js']).deps
}

Thanks dude, it worked, awesome :)

Hi Support! How can I change language (use i18n) on page?

Yes. you can, the module is loaded in this template, https://github.com/angular-translate/angular-translate

Hello there!

I’ve been the whole day trying to use the ui-grid’s ui-grid-pagination module, but it doesn’t seem to work. Looks like the controller injects the ui-grid dependency, but the the ui-grid-pagination is missing.

Could you please provide a sample controller code or at least some explanation about my problem?

Thanks in advance! Materil rocks!

This is the pagination http://ui-grid.info/docs/#/tutorial/214_pagination code example.

Please use your purchased account to ask questions.

Thanks

Unbelievable, Sent an take down email. Thanks

How to integrated this theme with ionic?

They both use angualrJS, you can use the css and layout in your ionic project.

Hi,

This theme not work properly in the last Chrome version.

The problem : display: table; display: table-row;

use a custom css to quick fix. .box .box-row .box-cell{display:table-cell}

The Materil Theme is totally dead on Chrome’s new version which came out today. We are totally down as a result. We need immediate support!!!!

Is there any update on a fix here? We need to move quickly to solve the problem… Any idea on when it will be fixed?

use custom css to quick fix it.

.box .box-row .box-cell { display: table-cell; }

I can also confirm that since updating to Chrome 50 the main areas of the app are white, seems to be a css issue.

Yes. got this issue with the new chrome:50, it’s rendering as IE(before it’s same as Firefox). .box-cell{display: table-cell} will fix on chrome:50, but will break on Firefox.

so need a hack on the Firefox also older chrome.

I am looking into this.

Thanks

Auto-fixed when update to Chrome Version 50.0.2661.86.

Thanks

Chrome 50 has broken the theme

Got this issue, working on it. Thanks

Auto-fixed when update to Chrome Version 50.0.2661.86.

Have any update in the future ?

No big update. Thanks

Good day. There are some missing features in the downloaded content of your admin template, which i could view in the Flatfull’s supported items. They include Form menus such as slider, Tress, File upload etc. and important Table menus also. So, I guess I have not been provided with the entire product and hope that you provide clarifications soon for availing those missing features. Awaiting for your prompt response.

The file you download from themeforest, do not need other software(eg. bower, grunt, nodejs), you just need put the files on a server to preview it. the libs is in the “libs” folder.

bower is optional when you want to add new libs in your project.

if you have a project with your folder structure, i suggest copy the required files from “Materil” into your project.

Thanks

i copied your material and I start the project using “npm start”. I got in browser and when i click on the app folder error is coming.

Error---—-

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: Error: [$injector:modulerr] Failed to instantiate module ngMaterial due to: Error: [$injector:modulerr] Failed to instantiate module material.core due to: Error: [$injector:unpr] Unknown provider: $mdUtilProvider http://errors.angularjs.org/1.2.29/$injector/unpr?p0=%24mdUtilProvider at http://127.0.0.1:8080/libs/angular/angular/angular.js:78:12 at http://127.0.0.1:8080/libs/angular/angular/angular.js:3803:19 at Object.getService [as get] (http://127.0.0.1:8080/libs/angular/angular/angular.js:3931:39) at Object.decorator (http://127.0.0.1:8080/libs/angular/angular/angular.js:3859:41) at http://127.0.0.1:8080/libs/angular/angular-material/angular-material.js:140:17 at Object.invoke (http://127.0.0.1:8080/libs/angular/angular/angular.js:3967:17) at http://127.0.0.1:8080/libs/angular/angular/angular.js:3886:37 at forEach (http://127.0.0.1:8080/libs/angular/angular/angular.js:325:18) at loadModules (http://127.0.0.1:8080/libs/angular/angular/angular.js:3873:5) at http://127.0.0.1:8080/libs/angular/angular/angular.js:3880:40 http://errors.angularjs.org/1.2.29/$injector/modulerr?p0=material.core&p1=Error%3A%20%5B%24 injector%3Aunpr%5D%20Unknown%20provider%3A%20%24mdUtilProvider%0Ahttp%3A%2F%2Ferrors.angularjs.org% 2F1.2.29%2F%24injector%2Funpr%3Fp0%3D%2524mdUtilProvider%0A%20%20%20%20at%20http%3A%2F%2F127.0.0.1% 3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js%3A78%3A12%0A%20%20%20%20at%20http%3A%2F%2F127.0.0.1% 3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js%3A3803%3A19%0A%20%20%20%20at%20Object.getService%20% 5Bas%20get%5D%20(http%3A%2F%2F127.0.0.1%3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js%3A3931%3A39) 0A%20%20%20%20at%20Object.decorator%20(http%3A%2F%2F127.0.0.1%3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js 3A3859%3A41)%0A%20%20%20%20at%20http%3A%2F%2F127.0.0.1%3A8080%2Flibs%2Fangular%2Fangular-material%2Fangular-material.js 3A140%3A17%0A%20%20%20%20at%20Object.invoke%20(http%3A%2F%2F127.0.0.1%3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js 3A3967%3A17)%0A%20%20%20%20at%20http%3A%2F%2F127.0.0.1%3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js%3A3886%3A37%0A %20%20%20%20at%20forEach%20(http%3A%2F%2F127.0.0.1%3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js%3A325%3A18)%0A%20 %20%20%20at%20loadModules%20(http%3A%2F%2F127.0.0.1%3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js%3A3873%3A5)%0A%20 %20%20%20at%20http%3A%2F%2F127.0.0.1%3A8080%2Flibs%2Fangular%2Fangular%2Fangular.js%3A3880%3A40 at http://127.0.0.1:8080/libs/angular/angular/angular.js:78:12 at http://127.0.0.1:8080/libs/angular/angular/angular.js:3907:15 at forEach (http://127.0.0.1:8080/libs/angular/angular/angular.js:325:18) at loadModules (http://127.0.0.1:8080/libs/angular/angular/angular.js:3873:5) at http://127.0.0.1:8080/libs/angular/angular/angular.js:3880:40 at forEach (http://127.0.0.1:8080/libs/angular/angular/angular.js:325:18) at loadModules (http://127.0.0.1:8080/libs/angular/angular/angular.js:3873:5) at http://127.0.0.1:8080/libs/angular/angular/angular.js:3880:40 at forEach (http://127.0.0.1:8080/libs/angular/angular/angular.js:325:18) at loadModules (http://127.0.0.1:8080/libs/angular/angular/angular.js:3873:5)

Did you reinstall the angular-material?

HI, My name is Liza and i am writing you in regard to one of your themes on themeforest , I am very impressed with the theme and would like to use it in my upcoming project , which will be a business application for my consulting customers. Is it possible for you to engage with us to design pages, mostly forms for our application using this theme, we have a decent budget of about 2000 usd. let me know your thoughts and you can reach me on admin@conbis.net or gmail address…,m

Sent a msg to your email. Thanks

Do you plan to do the wordpress version of the theme?

No plan for wp version for this theme. Thanks

The transitions are very slow. How can i optimize them? I refer when sidebar appear and disappear, scroll long pages… please help!

The left nav sidebar using .transition(width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1));

the width transition is not using hardware-accelerated css animation.

if you do not want it. remove the “folded” class on the aside.

Is there a way to see where we can find datePicker in the form components?

Is there any GPL-licensed code or other split licensing for this template (other than the open source listed on the item details page)?

No GPL-license for this item, only Regular or Extended licenses, http://themeforest.net/licenses/standard

Thanks

Do you have a solution for this layout problem with the cards?

http://screencast.com/t/DA37ySJnwLI
You can set a fix height on the caption to make the cards has the same height.
<div style="height:64px;overflow:hidden" />

does anyone have a solution for this issue with the cards http://screencast.com/t/DA37ySJnwLI

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey