229 comments found.
Hello, Nice theme. Is there a boxed layout and a top menu
No options for boxed layout. but you can remove the left aside and put the menu on the top.
Thanks
How do i do that. Can you update me the markup. Thanks
you can change the app/views/layout.html, remove the #aside element. and put the navbar-brand on the content.html.
i will give a layout option in next update. Thanks
Hi, I’ve purchase the template abd trying to run it locally for the angular version. however, I see two different folders “app”, and “angular” which both seem to be written in an angular-ish way. what is the difference between them?
Also, when hosting this site with IIS, is it intended to be hosted directly at the “app/angular” folder or to the parent folder?
“Angular” is generated from app with minified css and js. app hosted the source files.
you can point your server to “angular” folder
Hi I bought your template and would like to custom the bar chart. I need axis to display text instead of 1,2,.... Question is what jquery chart is for uiJp directive to pass to? How to make the text on axis?
Glenn
Used the flot chart. http://www.flotcharts.org/ You can check the examples.
Hi there, I wonder if there is an easy way of adding animation on view transitions. I’ve tried to add fade-in or similar classes found in app.css to the ui-view components in the layout but no success. Any ideas? Thanks in advance. Regards
Yes. it’s possible. we provide some animations for view transition.
‘fade-in[[left/right/up/down][big]]’ eg. fade-in, fade-in-left, fade-in-right, fade-in-left-big.
add these class on the ui-view, and the transition pages must be in same parent router.
check the sign in/ sign up page.
Hi there, I wonder if there is an easy way of adding animation on view transitions. I’ve tried to add fade-in or similar classes found in app.css to the ui-view components in the layout but no success. Any ideas? Thanks in advance. Regards
You can find these class in the ng.less file. check the sign in/sign up page transition.
- Build: 1… 2.. 3.. 4: Run “grunt build:angular” to build project
Error: Cannot find module ‘esprima’ at Function.Module._resolveFilename (module.js:336:15) at Function.Module._load (module.js:278:25) at Module.require (module.js:365:17) at require (module.js:384:17) at Object.<anonymous> (C:\Ampps\www\plantillas\materil\node_modules\grunt\node_modules\js-yaml\lib\js-yaml\type\js\function.js:4:15) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Module.require (module.js:365:17)
but this theme does not use the esprima module.
Hi, how to add edit or delete button to dataTable rows? I need to open modal form to edit items. Thanks in advance.
Hi, I am using the MD template But I find it had to figure out how will I keep the changes I make to the js files Whenever I use grunt build:angulr the files reset. What I can do to prevent this?
You did not purchase any file on themeforest. Thanks
Hi, api/datatable.json is a sample data in public folder, but how can i access a php file out of public path from views folder to generate json file?
ui-sref="active"can not working correctly then using
ui-sref-active="current"This went well, please be corrected!
Thanks
Hi, i bought this template, could you please help me? I need to merge this template with Laravel 5.1 Is there any checklist to do this?
Thanks in advance
I am not a Laravel developer. you can check some examples below.
http://learninglaravel.net/topics/angularjs http://code.tutsplus.com/tutorials/angularjs-and-laravel-finishing-building-a-crm--cms-22234thanks
Hi, I am new to this. However, I’ve been struggling to change the theme color. Where should I set the color? Thanks
setting: {
theme: {
primary: 'indigo',
accent: 'purple',
warn: 'amber'
},
also you can change the color for each sub app. in app/scripts/config.router.js,
.state('app.todo', {
url: '/todo',
templateUrl: 'apps/todo/todo.html',
data : { title: 'Todo', theme: { primary: 'indigo-800'} },
controller: 'TodoCtrl',
resolve: load('apps/todo/todo.js')
})
you can also change the color in the views. eg the app/views/aside.html, using the “bg-white” for aside background color, you can change it to “indigo” or other color class.
Thanks
Hi, thanks for your quick response.
I have tried both approach, the latter works but unfortunately the former does not.
Also, where can i see the list of available colors to be used (indigo, amber, purple etc.) and also the reference for the icons?
Thanks!
The app/scripts/app.ctrl.js color setting saved in browser local storage and will be override by sub app. you can clean the browser local storage and refresh page to see.
http://flatfull.com/themes/materil/angular/#/ui/material/color http://flatfull.com/themes/materil/angular/#/ui/material/iconHello, Help please. How can I set the sub menu stay collapse?
remove the ng-class on the li. eg <li ng-class=”{active:$state.includes(‘ui.component’)}”>
Thank you for your reply. But I’m using html version.
[solved] i just need to add class “active” on the li and the sub nav li
Hi,
I try to use the html5mode with your parameters in app.src.js :
function $LocationProvider() { var hashPrefix = ’’, html5Mode = { enabled: true, requireBase: true, rewriteLinks: true };
I’ve added the base href / but it doesn’t work. I’m using IIS. Is there something to do ?
Make sure you site is on the root domain. eg. http://domain.com is good, not the http://domain.com/app/
Thanks, i’ve found this solution and make rewrite rules in my IIS and it’s good 
Does the application include TDD?
no TDD, thanks
That’s awful. lmao
It’s more theme targeted. thanks
Please the scrollbar was modified to be more soft
http://imgur.com/3GXxNN2it’s using the default scrollbar. no other plugin used. Thanks
how to remove it?
You need the custom scroll plugin. eg https://github.com/inuyaksa/jquery.nicescroll
nice info, but how to set it up in the angular version, thank’s
you can call the nicescroll function in the app.ctr.js
Hi Flatfull
Nice template! I have a question, just to get it clear, before buying (I just bought a template earlier today and resulted it’s worthless for me)....I am using an angular generator, this one: https://github.com/DaftMonk/generator-angular-fullstack . Will it be easy to integrate? I have to integrate your template with the generator, as I already have a lot of code written. I would only need to change my frontend with yours, Do you have a clean version for this task? Maybe with no jQuery? Or very little jQuery?
Thank you.
I would really appreciate an answer here please
This theme’s folder structure is different from generator-angular-fullstack . “app/index.html” “app/scripts/” “app/styles/” “app/views” and only a little jQuery.
Thanks
I am trying to add some ui bootstrap components to the blank page. I am editing the angular/config.router.js file to include the boostrap.js file in the ui-routing. Here is my code snippet: ” .state(‘page.blank’, { url: ’/blank’, templateUrl: ‘views/pages/blank.html’, resolve: load(‘scripts/controllers/bootstrap.js’), <—added this line data : { title: ‘Blank’ } }) ” However when I save this I do not see the changes on my app.js file on the project when viewed in the browser. I’m not sure if I am missing something pretty blatant here or I am not understanding the project structure. I hope this question makes sense.
it’s the browser cache, You can disabled the cache in your browser develop toolbar and refresh the page,
Thanks
I Buy the following template: Materil -> http://flatfull.com/themes/materil/angular/#/app/dashboard
The template download is incomplete.
The Form section has no text editor and more items http://flatfull.com/themes/materil/angular/#/ui/form/editorCan you help me please?
Thanks
Under the “app” folder(angular version). no the html version.
