Discussion on Materil - Angular Material Design Admin Template

Discussion on Materil - Angular Material Design Admin Template

Cart 1,042 sales
Well Documented

Flatfull supports this item

Supported

229 comments found.

We are using the Materil theme for our web app. We also have a Wordpress site and we want the look and feel to be consistent. Do you have a Materil theme for Wordpress? Any thoughts on the best way to make sure our Wordpress site is as close to materil theme as possible?

No material theme for wordpress built yet. you can find some on themeforest.

Thanks

Hi I bought this template today, however the animation in the button click does not work properly. Click any of the menu item or button, you will see

Please check; http://www.pcsprojectmanager.com/mattest/

How can I solve this problem? Your kind help is appreciated,

it is not working in mobile view also, please check

Seems that you did not upload the “libs” folder. use the develop toolbar you will find many files missing.

Thanks

We are using the Materil theme and love it. However, while preparing for using the theme in a production environment, we have found an issue with the font-awesome and bootstrap frameworks. The basic issues are as follows:

1. The font-awesome characters aren’t accessible in the production environment 2. The page isn’t responsive

These problems don’t exist on our development machines. And I’ve found a blog that details how to fix the issues when using the angular fullstack generator (which this theme isn’t): http://meshfields.de/continuous-integration-angular-fullstack/

Is there a plan to fix these issues in the theme?

1. When build to production, you need fix the the fonts path. eg, when you combine the font-awesome to the app.css, you need copy the font-awesome fonts to the right path. also the bootstrap have the glyph icons

css/app.min.css (contain the font-awesome.css)
fonts/fontawesome-webfont.eot ..

2. It should responsive if you did not set the page with fixed width

Thanks

Hi Flatfull,

Where can i find the DIFF file. I am currently developing an application using HTML version of previous version. Which files should i replace?

You can use some tools to compare the files. Thanks

hello sir i need install your theme into my adnetwork dashboard and i already sent a pm but you don’t reply yet.please reply.i will give you extra money .thanks

Contacted via email. Thanks

Glad that I have chosen this template. Got updated on the same day I bought it with inbox, a new feature I want very much. Good job!

Thank you!

Hi Flatfull,

Where can i find the DIFF file. I am currently developing an application using HTML version of previous version. Which files should i replace?

There is no diff file. If using the html version, you just need copy the “styles/app.css”, “scripts/ui-client.js” and “scripts/ui-form.js”

Thanks

when you open right-side chat window, everything else stops working I mean you can’t click any links. You need to close chat window to click on other links. Is it possible to have right-hand chat window open and continue doing other things like navigating between “apps”

You can use a custom class

.modal.inactive{ bottom: auto; overflow: visible; }

.modal > .right, .modal > .left, .modal > .top, .modal > .bottom{ position: fixed; z-index: 1055; }

then apply the .inactive class on the <div class=”modal inactive”.

will add this feature in next update.

Thanks

long time for wait,good job for this updated.but i have a question?how can i lock aside,don’t auto hide?

Folded aside not work at new dashboard and indox

You can put the “folded” class on the “app-aside” to lock aside.

new dashboard and inbox’ state have a ‘folded: true’ parameter. check the app/scripts/config.router.js.

Thanks

Hello, Good job for this template, i liked it and happy to bay it soon, but i have two question : 1- When you can push the next update for the template ?! 2- Is it easy to develop any SAAS (Software as a Service) product on your template ?!

Thank you !

1: Just updated 2: The AngularJS REST-API service is really great for build a SAAS product.

Thanks

Sound good :) Can you please write the changelog for the new update or where can i find it please ?!

Still no news on the wordpress version?

Waiting to get approved. Thanks

Is there any chance to update the form elements on the HTML Version ?

Thanks in advance.

you can use the elements on the ui.material.form.html, thanks

Hi!

For some reason I cannot do a bind(‘scroll’, ...) onto content loading into ui-view of content.html. resize bind is working, but scroll is not registered. Any advice on how to catch scrolling inside that view is really appreciated!

Thanks, D.

No scroll event on ui-view. but the position or offset will change, you can listen on it. http://stackoverflow.com/questions/18743144/jquery-event-listen-on-position-changed

Thanks.

Thank you!

Hi, nice template If we buy this project, It is possible to have related psd ?

No psd file for this item. Thanks

Hello, the responsive menu scroll don’t work in a first time, only worked when i clicked on any menu link, tested on my MOTO G 2GEN, PS: SMARTPHONE the screen of 5”.

it happens on html version. will fix it in next update. Thanks

I have bought the template but it is severely lacking in documentation. I wanted to port some of the components from AngularJS to the HTML version but since there is nothing in that explains about the layout of files and different interactions between them, it is eating up a lot of time to get the work done. It will be great if more than a README is provided for documentation.

Regards, Toussaint

http://flatfull.com/themes/materil/angular/#/page/document for each of the components, you can find them on github.

Thanks

Hello, I have some issues with the theme i have purchased(materil-responsive-admin-dashboard-template). i could not found UI Bootstrap in Components after purchasing theme, which is available in preview. So let me know what is the exact problem with this. waiting for your reply. Thanks

The page is under the “app/views/ui/component/uibootstrap.html”, the js is “libs/angular/angular-bootstrap/ui-bootstrap-tpls.js”

the official document is: http://angular-ui.github.io/bootstrap/

Thanks

Hi,

This infinite scroll script https://sroze.github.io/ngInfiniteScroll/ (most popular btw.) is not working in Materil in a “non-windowed” mode, i.e. not in a container but rather using whole window :/ I’m using it in the “content” view and it throws out all pagination requests at once – looks like it cannot calculate window/viewport height or smth.

I would appreciate if you would look into this. A little more details here: http://stackoverflow.com/questions/31416773/angularjs-material-design-break-infinite-scroll

Thank you D

Seems that the nginfinitescroll check the html tag height, when set the html{height: 100%}, it stops working.

you can try this one https://github.com/angular-ui/ui-scroll

thanks

Seems like the demo has a lot more examples than the file I actually got as a download. My form section only seems to have “Form Layout” and “Form Element”. It would be really nice to have the 8 other sections as an example, how can I get them?

It’s in the angular version under the “app” folder. Thanks

Hi,

I am having a problem to add a service that consumes my REST API.

The problem appears when I uglify the javascript.

I am defining the services like this:

angular.module(‘app.services’, [‘ngResource’]). config([’$provide’, function($provide) { $provide.factory(‘User’, [’$resource’, function($resource){ return $resource(‘http://myapi/users', {}, { login: {url:’http://myapi/login', method:’POST’}, logout: {url:’http://myapi/logout', method:’POST’} }); }]); $provide.factory(‘News’, [’$resource’, function($resource){ return $resource(‘http://myapi/News', {}, { get : {url:’http://myapi/News/?page=:page', method:’GET’,params:{page:’@page’}}, save : {url:’http://myapi/News', method:’POST’}, remove : {url:’http://myapi/News', method:’DELETE’}, }); }]); }]);

Could you please help me to figure out how should I define my services so the template works?

Thanks!

17c83ed5-015f-4919-b191-888aed6033c1 – 22 Jun 2015 REGULAR LICENSE

if your script works before uglify it. please check your script. eg. method:’DELETE’}, }) => method:’DELETE’}});

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