822 comments found.
Hi Rafi, could you add me to github too, please. Thanks for great work! https://github.com/perpetualtraveler
you are in.
Hi ,when will you release new upgrade version ?
New version is completed. I’m now updating the doc. Hopefully, everything will be completed within 3/4 days.
Hello, I would like to implement these features on a wordpress site, would it be possible ?
What you can do is to integrate your Angular frontend to Wordpress rest api. Wordpress has rest API features, http://v2.wp-api.org/
Hi, I ran npm install with full version folder, but the projects can be served. My partner says that many files are missing. How I can run this template? because isn’t works
Please try again after installing @angular-devkit/core, maybe your Angular CLI version require this package,
if this doesn’t work please share error messages or screenshots.
Hi, I am tryin to install on mac. Followed the documentation; after doing “npm install” got the following messages:
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN @angular/flex-layout@2.0.0-beta.10 requires a peer of @angular/core@0.0.0-NG but none is installed. You must install peer dependencies yourself.
npm WARN @angular/flex-layout@2.0.0-beta.10 requires a peer of @angular/common@0.0.0-NG but none is installed. You must install peer dependencies yourself.
npm WARN codelyzer@2.0.1 requires a peer of angular/compiler2.3.1 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN codelyzer@2.0.1 requires a peer of angular/core2.3.1 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular-devkit/schematics@0.0.52 requires a peer of @angular-devkit/core@0.0.29 but none is installed. You must install peer dependencies yourself.
npm WARN @schematics/angular@0.1.17 requires a peer of @angular-devkit/core@0.0.29 but none is installed. You must install peer dependencies yourself.
I see warnings. is your demo running?
no. After “ng serve” I got:
module.js:540 throw err; ^
Error: Cannot find module ’@angular-devkit/core’ at Function.Module._resolveFilename (module.js:538:15) at Function.Module._load (module.js:468:25) at Module.require (module.js:587:17) at require (internal/module.js:11:18) at Object.<anonymous> (/Users/camoren/Projects/angular-landing/node_modules/@angular-devkit/schematics/src/tree/virtual.js:10:16) at Module._compile (module.js:643:30) at Object.Module._extensions..js (module.js:654:10) at Module.load (module.js:556:32) at tryModuleLoad (module.js:499:12) at Function.Module._load (module.js:491:3)
Please try again after installing @angular-devkit/core, maybe your Angular CLI version require this package
Please add me to your git repo. rdafoe is my username. Thanks!
You are in.
Have not yet received github invite
please send me your email, I’ll send you the invitation link.
Hi Rafi,
Where is the landing page templates which you added? I purchased this template just because of that.
thanks
Envato told me I can not give landing page with admin template. That’s why I removed that. Please check out the git commit history. you may find removed version there.
Thanks
Hi Rafi! When are planning to update your template?
I’m working on updates. I hope I can finish this month. You can keep an eye on progress in git repo (Branch: v6.0.0-alpha). if you are not added to repo yet, please give me your github username. I’ll add you to repo.
Thanks!
Rafi, could please tell me what am I doing wrong because navigation sub-menus aren’t shown when I click on them?
Type should be ‘dropDown’ if an item has sub items. Can you please send me screenshots? have changed anything in layout code?
I’ve moved ”<mat-sidenav #sidenav” to another component. Maybe it needs some 3rd party libs because I’m using my own angular app and just adding some of yours code. I’ve got itemt with type ‘dropDown’ and I can see that there are sub-menus but I can’t toggle it.
As you moved the sidenav, css styles are not being applied properly
Could you please tell what css styles are responsible for that?
Ok, I think I’ve found it… it needs sideNavAccordion directive
That right, sideNavAccordion directive adds ‘open’ class to menu items. Submenu default max-height is zero, when ‘open’ class is present in its parent max-height is 1000px
Rafi, Why fixed topbar works only on dashboard view?
I see it’s working on other views. Which version are you talking about? v6.0.0-alpha in github?
I’m using the one which I could download from themeforest.net
Have you altered anything in layout related CSS/html/components ?
Hard to say… I can see that there is only 1 class for having topbar fixed => fixed-topbar-breadcrumb
Material sidenav container acts a bit differently from regular div container. So I had to apply position fixed to topbar differently.
you should not move layout elements specially topbar and view container or change css of them.
What do you mean differently? Right now I’ve started your seed project without any modyfications. I’ve added fixed-topbar-breadcrumb to body and it doesn’t work. When was the last update of this theme on themeforest? Maybe I’m using older version?
themeforest-20161805-egret-angular-4-material-design-admin-template.zip – this file can be downloaded from themeforest.net
I’ve just tested after downloading from themeforest. if view content height exceeds viewport a scrollbar appears under topbar. it works fine.
Don’t be confused by seeing moving topbar while you have browser developer tool opened.
Ok it works! But when content height is lower than sidebar it doesn’t.
But I think it’s fine! Anyway it itsn’t a bug.
Rafi, How can I use $mat-primary color inside component styles? I’m using scss.
I think there is no standard official way to do that. You can follow this issue and use any of those hacks which people suggested https://github.com/angular/angular-cli/issues/3700
Hello, I’m modifying the login of the template, in this I have to put a combobox where I can select a value, but I get an error, I searched the internet but I can not find the solution, as I read this I must report to the developer of the template. What email can I send a screenshot so I can see the error?
Hi, please send me the screenshots to mhrafi.dev@gmail.com
Hi there—is there any documentation describing how to install this via npm in Visual Studio?
if you are going to integrate angular with ASP.net or MVC please watch a tutorial on youtube. if you just need to install all packages of Egret, you just to go to project root using command/terminal where package.json is located and type ‘npm install’, this will install packages then type ‘ng serve’, this will start a local server.
Thanks
I know how to integrate Angular with ASP.net. What I don’t see is any documentation on how to install Egret via npm and then what to import in app.module.ts to get a reference to the Egret components. FYI – installing and running packages in Visual Studio works a little different than other IDEs. VS does not require “ng serve”. I did run “npm install” against the local downloaded source and that added Egret to the “node_modules” folder but I still don’t have a reference to Egret theme or it’s components.
To be clear, if you build and run the site directly from nodejs console it works fine—with a few hiccups: I got the error: “Error: Cannot find module ’@angular-devkit/core’” when I tried to build it. I ran the following npm command and it fixed it:
npm i—no-save @angular-devkit/core@0.0.28
see: https://github.com/angular/angular-cli/issues/9283
That being said, when you are trying to integrate packages into Visual Studio things work a little differently and, most times, developers just assume if things run from the command prompt then they should also run within the context of a Visual Studio Asp.net core site. This is simply not the case.
Having never used the themeforest service before, I assumed I was downloading a css theme and not a site template that was never meant to run in Visual Studio. That’s my mistake.
It would be nice see a theme package that could be integrated directly with Visual Studio.
layout related components are under AppCommonModule(app/components/common/app-common.module.ts) which has been included in app.module.ts. Directives, pipes have their own modules.
Other modules are located in views folder and these are lazy loaded modules. your application view modules should also be created in views folder.
is it possible to give me some reference or tips to make this template visual studio friendly?
Thanks!
Once I got it running as a standalone I was able to discern how it was structured via the app-common.module.ts file. Time permitting I would love to help set-up a version of this that can be easily integrated into Visual Studio. As I mentioned, I was looking for a themed version of Angular Material rather than a stand-alone starter-app. Separating these 2 concerns would be paramount.
The first thing I would look at is the ”.angular-cli.json”—VS does not use this file, yet, it is crucial for building and compiling your project. On this front I would examine how Angular/Material is deployed via npm and package.json in VS and then build a wrapper for Material that exists solely as an installable package. You’ve done this to a certain degree, however, distinguishing the Material wrapper from the site template is extremely time-consuming and having all the dependencies defined in the ”.angular-cli.json” makes this a non-starter for Visual Studio development.
The Visual Studio community is woefully under represented in the development of Angular components and I think there is a huge market for Angular 4+ components that work and play well within that context. Many people reading this might poo-poo Visual Studio, but, it is a very powerful IDE and it allows developers to create hybrid SPA apps that leverage Angular and, more importantly, the identify management and data access features within the Microsoft stack of tools.
I think instead of loading third party js via .angular-cli.json, we need to import all of them in main.ts file which is the entry point of app.
Last few projects I’ve worked which use ASP MVC, frontend and backend live separately on a separate subdomain and host.
Dear Rafi,
Could you give me access to your git repository where Egret is hosted? It’s more common to update my project with your seed project through git than do it manually.
btw, good job 
Keep in touch, Joan
Please send me your Github username. I’ll add you to the repo.
Thank you 
Sure! It’s jsubirats_girbau
Thank you so much!
Gihub saying ‘jsubirats_girbau is not a Github member’.
Sorry, that was my Bitbuchet account, try with jsubiratsgirbau!
Dear Sir, I’m testing your template on IE11 and there are some bugs: - on toggle sidebar Egret logo doesn’t slide with menu - sublinks don’t work – for example Dialogs > Config (I can’t activate it)
Is it possible to fix that?
I’m working on new version and fixed these issues. It’s actually a major version change. If you already changed anything in layout code of current version, you may need to do some rework to keep your changes in the updated version.
And I’m going to upload new version in this month.
Regards
One more thing. I think that seed project shouldn’t include 3rd party libs that you don’t need having only dashboard. Seed project means for me that it has got only required libraries to run application without her specific features like drag and drop, data table, form validation or g maps.
That’s right I’ll remove unnecessary packages from seed project.
Thanks
Hi,
I just bought your template, and I love it. It’s very well done. I went to copy the Angular project directory ‘Full-version’ into another directory and then performed ‘npm install’. After which, I ran ‘ng serve’. However, when doing so, I receive this error:
KOCH-MACBOOKPRO:Test_NewUI brandonkoch$ ng serve Cannot read property ‘config’ of null TypeError: Cannot read property ‘config’ of null at Class.run (/Users/brandonkoch/Desktop/Test_NewUI/node_modules/@angular/cli/tasks/serve.js:51:63) at check_port_1.checkPort.then.port (/Users/brandonkoch/Desktop/Test_NewUI/node_modules/@angular/cli/commands/serve.js:123:26) at <anonymous> at process._tickCallback (internal/process/next_tick.js:188:7)
Is your project configured in a certain way that it depends on something outside of the ‘Full-version’ directory? I’m a bit unsure of what is causing this. I’ve used Angular before but haven’t seen this error. If you could let me know ASAP I’d really appreciate it. I need to get started on this tomorrow. Thank you again so much!
Please try updating your global angular-cli, if it is not latest version, type ‘npm install -g @angular/cli’
also please take look at this issue, https://github.com/angular/angular-cli/issues/4736
downloaded the latest zip and the production version is completely broken – ie npm run serve—environment=prod—target=production
Can you please share the error message or screenshot?
I’ve tracked down the problem – the version of ngx-datatable you have used is not working with aot. Updating to 11.1.7 resolves the issue. You might want to update that in your zip
Thank you! I’ll update ASAP.
Hi I need the sass files for style.css. Thanks. Also, the scrollbar doesn’t work when you shrink the navigation
Hi, New update is coming with full sass support.
scrollbar requires {overflow: hidden} of it’s container(.navigation-hold). and {overflow: hidden} will make submenu items disappear. if you don’t have dropdown/submenu you can apply {overflow: visible} to ”.navigation-hold” element.
most applications don’t have that much menuitems which need a scroll bar specially when the sidebar is shrunk, height reduced significantly.
Thanks!
Ok, when do I expect to this to be in production or beta? Thank you
I hope I can upload new version in this month.
You are in
A possible bug in line 571 of navigation.service.ts (Full-version):
// sets iconMenu as default; menuItems = new BehaviorSubject<IMenuItem[]>(this.iconMenu);
The variable “this.iconMenu” doesn’t exists. It could be “this.defaultMenu”?
Hi Rafi!
I’m developing an app inbox but I can not see it on my phone and others (my friends). While I inspect on the browser, everything is fine.
Help me fix this issue in the following images
https://ibb.co/bGsNXG https://ibb.co/d9DJ6bPlease also check if this demo is working http://egret-angular.mhrafi.com/inbox If not working, please let me know the android version and browser version. I’ll try to find out the solution.
Actually, this is my mistake. I did not notice it and I fixed it. Sorry for this wrong response
it’s ok
Hello Rafi could you replace http depreciated module with HttpClientModule module. Really nice work!
Yeah, I’ll do that in next update.
Thanks!
Hi. My name is Sergio. You guys do a fantastic job. I’m looking for a treegrid component to use along with the theme. Could you please indicate one.
Hey searched on web I couldn’t find any packages for treegrid. primeNG has this component but it’s an anther UI library https://www.primefaces.org/primeng/#/treetable
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
