Discussion on Egret - Angular 19+ Admin Dashboard Template

Discussion on Egret - Angular 19+ Admin Dashboard Template

By
Cart 2,747 sales
Well Documented

ui-lib supports this item

Supported

This author's response time can be up to 2 business days.

822 comments found.

What is the latest update on 28th November, 2017? Could you add to changelog? Does it support SSR from angular 5?

Please give me your username/email of github. I’ll add you to repository. For SSR you have to use Angular universal.

I am having a lot of trouble implementing just the topbar without the side navigation, but with the notification side-bar. I have extracted parts of your component and the problem I am having is that the notification side bar doesn’t have same width/margin as yours. Could you help.

I’m away from my workplace right now. I’ll be back in next week. Though customization is not included in support, I’ll take when I’m back. Thanks

Hi there, any support for SASS on your template?

The main style is written in plain CSS. but you can easily include your own .scss files because it’s an Angular CLI project.

Thanks

Well, once I purchased the template, I want to customized to meet my requirements in terms of look and feel, do you have all template styles on an single css file, so I could implement SASS right there.

All CSS styles written in one file, except material theme styles.

Hey mh_rafi. In first words thank you for this template. Very good job. Could you update documentation and insert more informations about routing? I spend a lot of time to find how correctly create router between for example three or four lists (different html) with ID parameter and I don’t know should I use breadcrumb or router-link and how do this. Thank you very much.

I’ve set up routings in standard and common way. The information you are asking for is actually Angular router related stuff rather than Egret template related.

Please watch a tutorial on youtube how to set up angular child routes with parameters. I had a plan to make videos on those topics, but I’m too much busy right now.

Nice work gud luck

Thank you! :)

Hi,

I add a resolver to route, by the following image:

https://ibb.co/b8Ybsm

But I only receive either config nor data.

How can I receive both of them

It’s not a template issue. maybe you have duplicate path or something. Please check is there any error or warning in browser console or in CLI command window. Thanks

I mean that I want to use URL ’/’ instead of ’/dashboard’. So the error appears. There is no duplicate path here

Let you see the routes:

- The app routes https://ibb.co/espK06 - The dashboard routes https://ibb.co/bXAgDR - The inbox routes https://ibb.co/jHRMDR

Just don’t use ’/’ path for any of view. Angular counts ’/’ as a parent of all routes. and menu active class added to both ’/’ and current routes

I want to implement an image carousel (image slider with finger swipe) in this template. What’s the best package that works easily with this template?

You can try this https://www.npmjs.com/package/ngx-carousel Looks simple and easy to integrate into an existing project.

I’m wondering if there’s an simple way to default the sidenav to collapsed (not closed but collapsed to icon). I’ve looked through the code and I don’t see an easy way.

That’s perfect. I was hoping for a github repo. Thank you

Please give me your github username or email. I’ll add you to repo.

Cool. I just followed you on Github. – Steve

Hi.., new update?

Hi, new update has been released a few days ago. Angular is updated to v5. please check out the latest version.

One the home page you only have one link in your example “Dashboard” I have three links, how do I make this responsive on mobile ? any suggestions.

On homepage there are two links of dashboard. one is in intro section ‘Dashboard’ button, another one is on topbar ‘my dashboard’. You can place more links wherever you want. everything is already responsive.

Let me know I got your point. Thanks

Hi, your job is fantastic. has been upgraded to version 5 of the angular?

Yes, Egret has been upgraded to Angular v5. Thank you :)

Hi,

I need to redesign notification area from your theme like the following image:

https://ibb.co/dnebYR

please support me to solve this problem

Hi, redesigning is not included in support. However, you have to use Tabs http://egret-angular.mhrafi.com/material/tabs in notification component.

here is the doc for tabs https://material.angular.io/components/tabs/overview

I understand about the use of the Tabs, but I have to put the notification under the top bar

Then you have to do a little bit of customization. First, you need to move topbar component outside of ‘mat-sidenav-container’, you may need to write few CSS for adjustment. one limitation, left side navigation will also go under topbar.

Hi there, I have a few questions about this template.
  1. Is this an Angular-CLI project? (It looks like it is in your screenshots)
  2. Are there working tests for the shared components? e.g., navigation, pipes, etc
  3. Has the code been upgraded from the md prefix to mat?
  4. Do you plan to upgrade this template in the future?
  5. Does it use NPM or Yarn?

1. Yes, it’s Angular-CLI project.

2. There are no additional tests for shared components.

3. Yes, md prefix has been updated to mat.

4. I’ll upgrade in future.

5. It uses NPM

Thanks

Is there a git repo we have access to? I think it will make upgrading to newer egrit versions easier.

Sorry, Currently there is no git repo to access. I have a plan to host in github private repo for buyers. I’ll let you know when I will have one.

Thanks

Hi, git repo is available, Please give me your github username.

Hi,

I want to update my project and use the new home page and fixed header, but I need rc1 material release rather than beta. so what is the plan for that, also it would be better if you support angular 5

Egret supports angular v5. I just updated a few days ago. I don’t have plan to update in this month. I’ll update all the packages in next month. if you really need to use rc1 material, please just use that. It shouldn’t take too much time. because most of the breaking changes has already come out in last few updates.

Hi,

When I use the latest version of Angular Flex Layout (2.0.0-beta.10-4905443) and Material (5.0.0-rc0), I received an error:

https://ibb.co/d86skw

Hope you fix this in next update.

Sure, I’ll update the packages to next stable versions.

There is one more critical bug present..toggle collapse button vanishes…steps to replicate…1.close the tour in home page and access My dashboard…2.click toggle collapse to see the collapsed side nav menus…3.go back to home page.4.access the dashboard again.5.From the side icon menu access a page…6.click on the toggle collapse button to expand the side menu…now both the side naviation toggles (menu,chevron) not present in the UI.

Thanks for finding those issues, I’m going to resolve this in next update.

thank you…looking forward for the next update.

Nice template…I see a bug…the last columns of the tables are cut short in few use cases…Steps to replicate… 1.access the paging table page with collapsed icon view…2.Now the toggle collapse again.3.now the last columns of the table is visible partly, no horizontal bars also present in the worst case…The issue prevails in the dashboard also..

it’s a ngx data table issue. Data table doesn’t adjust when parent container is resized.

What is the changelog for the latest update ?

Only angular is updated to v5 in the last update. Thanks

Hi Rafi, really nice template, I’m very happy with the purchase. I’m implementing a really small solution for my business which right now has a .net API. Do you have an example about how can I add a nodejs API to the template in order to have everything on the same technology and over the same server? Thanks!

There are different ways of setting up node and angular project together. You can create folder name server inside your angular(Egret) root and serve ‘dist/index.html’ from node server. During development you have to run both ‘ng serve’ and ‘server/index.js’. Plese take a look at this tutorial, this might help you https://coursetro.com/posts/code/84/Setting-up-an-Angular-4-MEAN-Stack-(Tutorial)

The tests are broken. I ran the command: ng test, in seed and full project.

Tests files were auto generated. You don’t need these files. You will write tests for your own custom components and services. I’ve deleted these files in updated version. Please download the updated version.

Thanks

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