822 comments found.
I just bought the template but I’m not able to run it… Whenever I try to do ng build, I get tons of errors, like this, for example:
ERROR in /Users/user/AngularMaterial/Full-version/src/app/views/tables/tables.module.ts (5,3): Module ’”/Users/user/AngularMaterial/Full-version/node_modules/@angular/material/material”’ has no exported member ‘MdInputModule’. ERROR in MdSidenavModule is not an NgModule
I get this for ALL modules…. I’ve been running angular cli applications before, so not sure what’s happening.
OK… after I applied one suggestion that you previously mentioned on a comment, I was able to get past that error…. now I get:
ERROR in /Users/user/AngularMaterial/Full-version/node_modules/@angular/material/typings/table/row.d.ts (20,39): Generic type ‘CdkRowDef<T>’ requires 1 type argument(s). ERROR in /Users/user/AngularMaterial/Full-version/node_modules/@angular/material/typings/table/row.d.ts (23,40): Generic type ‘CdkRowDef<T>’ requires 1 type argument(s).
Fixed. @angular/cdk has to be the same version as @angular/material. You should update the package.json – your default one is not working at the moment. Thanks.
Right, we need to remove caret(^) sign from package.json in the current version, I’ll update the template with the fixes and new features in this month.
Where would be the best place to put a component that is used in one of the view components in the view folder?
Please take a look in app.routes.ts, all of your modules in view directory are being loaded via loadChildren property. app.routes.ts file is kind of backbone of your application.
My others.routing not working when i did the login using canActive, whats is the problem with that?, i sorry i am begginner in angular
i resolved the why? doesn’t work my others.routing is because it need to add in my state: ‘dashboard/myRoute’, doesn’t work state: ‘myNewRouteNavigation/myRoute’,
I really don’t understand what you are saying
BTW have you bought Egret? if yes, please use that buyer account.
Thanks for great theme 
Just purchased theme and now trying to running theme in my macbook but i get the error
ERROR in /Applications/MAMP/htdocs/Full-version/src/app/views/material/app-material.module.ts (13,5): Module ’”/Applications/MAMP/htdocs/Full-version/node_modules/@angular/material/material”’ has no exported member ‘MdCoreModule’. ERROR in MdCoreModule is not an NgModule
webpack: Failed to compile.
OS : Mac OS Sierra
ng -v output
@angular/cli: 1.3.2 node: 6.11.3 os: darwin x64 @angular/animations: 4.3.6 @angular/cdk: 2.0.0-beta.11 @angular/common: 4.3.6 @angular/compiler: 4.3.6 @angular/core: 4.3.6 @angular/flex-layout: 2.0.0-beta.8 @angular/forms: 4.3.6 @angular/http: 4.3.6 @angular/material: 2.0.0-beta.11 @angular/platform-browser: 4.3.6 @angular/platform-browser-dynamic: 4.3.6 @angular/router: 4.3.6 @angular/cli: 1.3.2 @angular/compiler-cli: 4.3.6
Let me know if you need more information or package.json or package-lock.json file
Thanks Ankit
Please remove all caret() sign from package.json (”@angular/material”: “2.0.0-beta.10”) then delete node_modules directory and install packages again, hope this will solve the issue.
Solved Thanks
Your solution +
updated angular library 4.3.6 to 4.4.3
"@angular/animations": "4.4.3",
"@angular/common": "4.4.3",
"@angular/compiler": "4.4.3",
"@angular/core": "4.4.3",
"@angular/forms": "4.4.3",
"@angular/http": "4.4.3",
"@angular/platform-browser": "4.4.3",
"@angular/platform-browser-dynamic": "4.4.3",
"@angular/router": "4.4.3",
and then installed @angular/cdk again ( npm install @angular/cdk—save )
Thanks for your help (y)
Pre-sales question: How difficult would it be to get rid of the side navigation completely, and add a pure horizontal menu?
My app will need a lot of data in the form of datatables consumed from an ASP.NET MVC 4 WebApi. Is Lazy-loading supported from the theme?
Awesome theme btw and congrats on NO Bootstrap / JQuery! Nice, clean approach to the template!
Are “modals” or dialog boxes easy to implement such as those in Bootstrap? We would need to make heavy use of those as well.
Cheers!
Hi Sir, Since 09/21/2017, the framework doesn’t work anymore. To solve the problem, I’ve tried to upgrade from Angular 4.3.6 to 4.4.3 but it doesn’t work. Could you help, please? Thanks in advance npm WARN prefer global node-gyp@3.6.2 should be installed with -g
npm install
> node-sass@4.5.3 install /home/develop/Seed-project/node_modules/node-sass > node scripts/install.js
Cached binary found at /home/develop/.npm/node-sass/4.5.3/linux-x64-48_binding.node
> uglifyjs-webpack-plugin@0.4.6 postinstall /home/develop/Seed-project/node_modules/uglifyjs-webpack-plugin > node lib/post_install.js
> node-sass@4.5.3 postinstall /home/develop/Seed-project/node_modules/node-sass > node scripts/build.js
Binary found at /home/develop/Seed-project/node_modules/node-sass/vendor/linux-x64-48/binding.node Testing binary Binary is fine egret@1.1.1 /home/develop/Seed-project ├── @agm/core@1.0.0-beta.1 ├─┬ @angular/animations@4.3.6 │ └── tslib@1.7.1 ├── @angular/cdk@2.0.0-beta.11 ├─┬ @angular/cli@1.3.2 │ ├─┬ @angular-devkit/build-optimizer@0.0.13 │ │ └─┬ loader…..
│ ├── semver-diff@2.1.0 │ └── xdg-basedir@3.0.0 ├── typescript@2.3.4 └── zone.js@0.8.4
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {os“} (current: {os“})
npm WARN ng2-charts@1.5.0 requires a peer of angular/common2.3.0 but none was installed.
npm WARN ng2-charts@1.5.0 requires a peer of angular/core2.3.0 but none was installed.
npm WARN ng2-dragula@1.3.1 requires a peer of @angular/compiler@2.4.3 but none was installed.
npm WARN ng2-dragula@1.3.1 requires a peer of @angular/forms@2.4.3 but none was installed.
npm WARN ng2-translate@5.0.0 requires a peer of angular/core2.0.0 but none was installed.
npm WARN ng2-translate@5.0.0 requires a peer of angular/http2.0.0 but none was installed.
npm WARN angular/<redpre#24> requires a peer of @angular/core4.4.3 but none was installed.
npm WARN angular/<redpre#25> requires a peer of @angular/common4.4.3 but none was installed.
npm WARN angular/<redpre#26> requires a peer of @angular/core4.4.3 but none was installed.
npm WARN angular/<redpre#27> requires a peer of @angular/common^4.4.3 but none was installed
Can you please tell me your nodejs version and global angular cli version?
Thanks for quick response. Here are my development environment :
- System: Node : v6.11.3 npm : 3.10.10 OS : Linux x64 – Centos 7
- Angular cli : @angular/cli: 1.3.2 node: 6.11.3 os: linux x64 @angular/animations: 4.3.6 @angular/cdk: 2.0.0-beta.10 @angular/common: 4.3.6 @angular/compiler: 4.3.6 @angular/core: 4.3.6 @angular/flex-layout: 2.0.0-beta.8 @angular/forms: 4.3.6 @angular/http: 4.3.6 @angular/material: 2.0.0-beta.10 @angular/platform-browser: 4.3.6 @angular/platform-browser-dynamic: 4.3.6 @angular/router: 4.3.6 @angular/cli: 1.3.2 @angular/compiler-cli: 4.3.6
Please try using these versions node 8.4.0 npm 5.3.0 angular/cli 1.3.2
Last time I updated template using these latest versions
Thanks a lot. After upgrading to node 8.5 + npm 5.3.0 + cli 1.3.2, it works now.
But I still have the following warnings. Despite these warnings, Chart and Translation work.
By the way, the equalTo functionnality works too.
npm WARN ng2-charts@1.5.0 requires a peer of angular/common2.3.0 but none was installed.
npm WARN ng2-charts@1.5.0 requires a peer of angular/core2.3.0 but none was installed.
npm WARN ng2-dragula@1.3.1 requires a peer of @angular/compiler@2.4.3 but none was installed.
npm WARN ng2-dragula@1.3.1 requires a peer of @angular/forms@2.4.3 but none was installed.
npm WARN ng2-translate@5.0.0 requires a peer of angular/core2.0.0 but none was installed.
npm WARN ng2-translate@5.0.0 requires a peer of angular/http2.0.0 but none was installed.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {os“} (current: {os“})
npm install
Oh, thanks a lot for your excellent support.
I just applied the solutions by adding “optionalDependencies”: { “fsevents”: ”*” } in package.json and reinstall with—no-optional : npm install—no-optional
npm install—no-optional> node-sass@4.5.3 install /home/develop/Seed-project/node_modules/node-sass > node scripts/install.js
Cached binary found at /home/develop/.npm/node-sass/4.5.3/linux-x64-57_binding.node
> uglifyjs-webpack-plugin@0.4.6 postinstall /home/develop/Seed-project/node_modules/uglifyjs-webpack-plugin > node lib/post_install.js
> node-sass@4.5.3 postinstall /home/develop/Seed-project/node_modules/node-sass > node scripts/build.js
Binary found at /home/develop/Seed-project/node_modules/node-sass/vendor/linux-x64-57/binding.node Testing binary Binary is fine added 1124 packages in 43.996s
everything looks good, I hope demo is running on your computer?
Yes, it is running on my computer. Thanks
MdMenu seems to have a problem with beta 11 of @angular/material. It works if you downgrade to beta 10.
Right, I’ll remove caret sign in next update ”@angular/material”: “^2.0.0-beta.10”
I have a problem I’ve seen another user have as well. It’s this error:
Here are some details:
http://morrisdev.com/eret-error/if I remove the #whatevername=”mdMenu” in the code, the code will not fail, but the menus obviously won’t work.
Any help would be greatly appreciated.
If you modified the template and having this issue, please make sure you have included “MdMenuModule” from ’@angular/material’ to parent module.
It was actually a version problem. If I copied the “node_modules” directory from your demo, it worked fine, but when I did an “npm install”, even using your original package.json, it wouldn’t work.
So, I found that the version of material you had in your node_modules was ‘2.0.0-beta.10’, but the package.json had
”@angular/material”: “^2.0.0-beta.10”
For some reason, npm was installing the next version up
I took away the carrot and changed it to :
"@angular/material": "2.0.0-beta.10"
deleted the node_modules folder, did a npm install and all was good.
you are right, I should have removed caret sign. I’ll fix that in next update. Thanks
No problem at all. I’m going to need some help with this system. Do you have 40hrs of time available next month?
Yeah, I’ll be available. here is my skype id m.h.rafi
For those wanting form wizards, checkout https://material.angular.io/components/stepper/overview . We get caught up on “form wizard” and miss the available options. I wanted the same thing and installed from an online tutorial, then found this.
Great! they added this component recently. I’ll add that to template ASAP. Thank you!
Your Welcome Rafi.
How does the directive appEqualValidator work? In your sample “signup” form, I can type in 2 different values for Password and Confirm Password and the validator does not seem to do anything.
Please use equalTo of ng2-validation. It’s already installed in template. I’ll remove appEqualValidator from template in next update.
Hi How to use TranslateService inside component ?
i have added translation for menu . all is ok . I have added fr language =>ok
but when i want translite inside signin component , i have : The pipe ‘translate’ could not be found (“
ERROR Error: Uncaught (in promise): Error: Template parse errors:
in the ts
i have well :
import { TranslateService } from ‘ng2-translate/ng2-translate’;
constructor(private backand: BackandService,public snackBar: MdSnackBar,public translate: TranslateService ) {
translate.addLangs(["en", "fr"]);
translate.setDefaultLang('en');
let browserLang = translate.getBrowserLang();
translate.use(browserLang.match(/en|fr/) ? browserLang : 'en');
}
Best regards
You should also import and include “TranslateModule” in parent module of a component, for siginin component you have to include “TranslateModule” in sessions.module.ts Thanks
Yes ok ! thank !
I am working now for the top right menu ! I wish only use my log out method. But … i don’t now why this code do nothing !!
<button (clic)='signOut()' md-menu-item routerLink="/sessions/signin" >
<md-icon>exit_to_app</md-icon>
Sign out antony
</button>
could you explain a bit about that please !
(click) not (clic). And don’t use event binding and “routerLink” togather
Hi Ok sorry for clic instead of click. but in fact my question is different
in admin \admin-layout.template.html all the change in
<md-menu #appUserMenu=”mdMenu”> ...... <button (click)=’signOut()’ md-menu-item routerLink=”/sessions/signin” > <md-icon>exit_to_app</md-icon> Log Out test </button> </md-menu>
are no effect on the view (for the menu top right) !!!!
My (click)=’signOut() don’t fire
and instead of Log Out test in the view i have your standar text “Log Out”
??? Best regard
Hi ! i have the same problem with the directive appEqualValidator
As said before, don’t use (click) and routerLink together. you should call router.navigateByUrl(”/sessions/signin”) in signOut method to redirect user to signin page.
And please use equalTo of ng2-validation. It’s already installed in template. I’ll remove appEqualValidator from template in next update.
Yes !! truly thank for your help !
Hi, awesome theme, thank you so much for your hard work. I would like to know if there is a way to make the topbar fixed?
Hello, topbar is in md-sidenav-container that’s why it’s not possible making that fixed in current structure.
But if you really need this, you can move topbar out of md-sidenav-container and place that on the top of md-sidenav-container. Then apply CSS fix position.
Thanks for the reply, I tried what you suggested and I’m getting a strange result with it now showing two scroll bars and the top bar is on-top of the menu as well :/ any other suggestions perhaps? In the mean time I’ll try a few more things.
Here is a better fix to have a fixed top bar, create a new css class or modify the existing one inside md-sidenav-container:
.rightside-content-hold { overflow: auto; position: absolute; bottom:0; left:0; right:0; top:110px; }
maybe add this fix in to toggle a fixed topbar 
Great! I’ll try your solution. Thank you so much!
I need this beautiful template having RTL support also. Is there any plan to convert this template into RTL?
Yes, I hope I can add RTL and update the template in next month.
I need to be able to change the breadcrumbs. Some of the breadcrumb names need to include parameters, like :
jobs / job 123 / item list / item 456
modifying the data {some items} in the routing won’t accept variables. You can modify the activeRoute and update it, so if I’m on a job, I can change
jobs / job 123
using : constructor(r:ActivatedRoute){ r.snapshot.data[‘breadcrumb’]=’Job# ‘+id.toString(); } on the job page, but when you leave…. that’s it. it goes back to dynamic creation.
I’ve dug around in the route-parts service and breadcrumbs, etc… all day. Please give me some solution. Please.
thanks – dan
Hey, If you have parameter in path path: 'jobs/:jobId' then you can access parameter in breadcrumb like this data: {breadcrumb: 'Job / {{jobId}}'}
Can we have a form wizard page?
Yes, this is my first priority for next update. Few other buyers also requested form wizard.
How long do you think it will take?
That may take a while, I’m waiting for angular 5. Most probably I’ll able to update in next month.
Hi mate,
The release date of angular 5 has been delayed for 1 month. I don’t think it would be a good idea to wait for it until then. If you could add the form wizard in the template, that would be really nice.
You might wanna read this article in the following link below.
https://www.techworld.com.au/article/627442/angular-5-javascript-framework-delayed/Thanks
Hello Nechar, Form wizard is added to the official angular material. https://material.angular.io/components/stepper/overview You can use this component. I’ll also add this to template very soon.
Hi,
I’ve got a contract to build an admin system and yours is beautiful. So…2 things.
-First, do you have time to do customization work and what is your hourly rate.
-Second, although it might take 2 years to complete, my client thinks they’ll be able to sell this tool once it is done; either as a service or outright. What is the rule about that?
Thanks,
Dan
Yes, I’ll able to do customization work. This is my skype address m.h.rafi we can talk about your project in skype.
If you start selling product/service which uses any ThemeForest item, you have to buy an extended licence for that item.
Hello.. I purchased your template and have a question. The side menu does not scroll, if the menu’s overflow the screen.
What browser and operating system you are using?
I’m developing on win7. Chrome, firefox developer and ie11. Thanks for response.
hello.. Any thoughts on how to fix. Problem in the navigation container.. Opera, chrome firefox, all have the same response.
Does the demo or your computer build/served version is not working, I checked with chrome in win7, it was good.
Wish this wasn’t the case.. I tried demo from here on tablet and it works.. All 4 browsers on my pc show the same thing.. no scroll on navigation with mouse.
Usually, scroll bar appears when you start scrolling or press keyboard down arrow key. I just tested here in win7. it’s working as expected.
May be something wrong in your system, I don’t understand how to help you with that.
Mh… Nothing is wrong with the main view scrolling… I’m talking about the navigation panel. If its too long there is no scroll bar to do the same.
I’m also talking about navigation panel. when you hover over navigation panel and scroll, the scrollbar will appear if the panel height exceeds window height.
I thought of that… I changed resolution of monitor, just to check and I have no where to click on when I hover over the navigation.. I went to that browser link and same thing..
Have checked on other windows 7? I don’t understand why sidebar scroll is not working on your computer.
Kindly add form wizard and sweet alerts am almost buying now
I’ll consider adding those thing in near future update. Thanks.
Hi there!
I bought your template – a good job!
I have a question: how to display the sub navigation in the breadcrumb component?
Example: if I go to Forms->Basic I want the breadcrumb to show on top (as it’s now) and below would be sub navigations for the Forms: Basic, Editor, Upload
I think the best solution would be creating a new component and place that under breadcrumb. That new component will grab the siblings or child routes of its parent.
It’s not possible to teach/explain everything in comment. You have to work on this.