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.

Hello Rafi, How do we create a RESPONSIVE fxLayout row with 3 material cards in each row. I have spent quite a good amount of time on this, but nothing seems to work. Please help. Thank you?

Hello, I really like the chat app layout. What chat api could I use for a real functioning chat app?

Actually it’s your choice. You have to use Socket for chat app. For Node server you can use socket.io. Alternatively, you can also use firebase.

koolkav1 github repo access please.

Thanks for the template!. Could I get access on github for adamdsouza1

please give access on github for: stefanwuthrich Thanks

When I deploy this template to my IIS server, it says it cannot find the language file… http://servename/appname/assets/i18n/en.json 404 (Not Found)

e {headers: t, status: 404, statusText: “Not Found”, url: “http://servername/appname/assets/i18n/en.json”, ok: false, …} ↵

404 – File or directory not found.

The resource you are looking for might have been removed, had its name changed, or is temporarily unavailable.

message: “Http failure response for http://servername/appname/assets/i18n/en.json: 404 Not Found” name: “HttpErrorResponse” ok: false status: 404 statusText: “Not Found” url: “http://servername/appname/assets/i18n/en.json”

I’ve tried a few suggestions found on git hub, but none seem to work for me. Do you have any solutions for this? All of the content loads fine, except for the labels.

I dont have this issue on my local machine.

I’ve not worked with IIS server. So I can’t exactly say what’s happening there. Are you compiling ts code in the server or you uploaded the compiled code? make sure the compiled project has ’/assets/i18n’ in the root.

I’ve managed to figure out the issue, it wasn’t at the directory level, turns out IIS didn’t know about the MIME type application/json (.json files) at the server level, when I added this it worked (older IIS version), appreciate your help.

Great :)

Is this producto ready to go? I mean, Can I just run it with an “ng serve” and got the webpage running, with database and al components a modules working?

Yes, you can run “ng serve” and will get the webpage running.

Data shown in the pages are dummy data. there are no real databases there. you have to build your own backend and database.

Ok, but, the api controller in order to conect it to a mongodb, for example, is already developed?

The ready made apps have it’s own angular services, these services are returning dummy data to the app components. In production, they will get data from server by calling to REST API. You have to make ready your server REST APIs. There is no server code included with this template. It is just the front end.

Hi, thanks for a great work! Can You please add ovejohansson to the github repo?

Best, Ove

Please add danilodevhub to the github repo. Thanks

Hi, great product! I have a question about loading components. When I run the app it loads the Blank component (Others module), how can I make the app load the dashboard component instead? Also I have added some items to the side nav menu, how can I load the corresponding view by clicking in that menu items?

Thanks for your help!

You are using seed project. Which does not have dashboard module. You have to create new modules and it’s child routes. Then you have to define a new root level route for that newly created module inside src/app/app.routing.ts. It’s standard angular lazy loading approach.

If you do these steps then menu items inside navigation.service.ts will take you to corresponding view/route. Here is the doc http://egret-doc.mhrafi.com/#navigation

Thanks

Thanks, please add roymckrank to the github repo.

Hello,

we are currently developing an Angular 6 webapp with your egret theme and have problems getting the horizontal scrolling on a ngx datatable to work (even on a simple div element). We have implemented this example (http://swimlane.github.io/ngx-datatable/#horz-vert-scrolling) exactly as it shown on github, but the horizontal scrolling will not work. On some browsers the scrollbar will be shown, but the scroll-wheel or the scrolling by touchpad will not work on any browser. I think it may collide with some functionality of the “Perfect Scrollbar” library. Can you show us a way how to make horizontal scrolling work normally?

Kind regards Daniel

you are right, It’s colliding with ‘perfect-scrollbar’. I’ve tried different ways to fix that, nothing works. You need to disable ‘prefect-scrollbar’ if you want to use horizontal scrolling.

here’s how you can disable.

1. open this file src/app/shared/components/layouts/admin-layout/admin-layout.template.html

2. Replace [disabled]=”layoutConf.topbarFixed and [disabled]=”!layoutConf.topbarFixed” at line 31 and 39 with [disabled]=”true”

Thanks :)

Add dung691 to the github repo. Thanks

Please add sbui2 to the github repo. Thanks

I noticed that on mobile devices theme is very slow. e.g scrolling is slow. I tried it on a high end tablet and phone and theme seems pretty slow. Also on mobile device I see that Dashboard and some other pages like table page some components in these pages are overflowed. Also when you use tablet or phone in the eshop page click on the filter button the sidebar that is opened is problematic

I’ll work on the issues. right now there are lots of components and prebuilt apps are attached to the template, that’s why you might felt the slow response.

There is a seed project which is light weight and fast.

Thanks :)

Thanks for your reply. I still don’t understand why lots of components cause slow response. Saw other themes with 10x the components of Egret and are superfast. Is there any link of the light weight version?

Sorry there is no link for light weight version. It’s inside the downloadable file.

I’d like to add a function to able me login the admin side by facebook authentication. Can you help me how to do that? Many thanks.

Does it support PWA which comes with Angular 6 ?

Yeah, It’s a standard Angular cli project. What is supported by cli is also supported by this template.

You need to add some extra configuration ng add @angular/pwa --project project_name here is the angular official guideline https://angular.io/guide/service-worker-getting-started

How to include another boostrap.min.css without affecting existing one ?

Not an error but existing classes get affected

So UI get affected

Then I think you should not use bootstrap and angular material together.

Hey. We are trying to add pagination using ngb-pagination. but some how it stop loading the component. below are the logs.

JhiTranslateComponent.ngfactory.js:7 ERROR ReferenceError: process is not defined at translatePartialLoader (index.js:19) at _callFactory (core.js:9281) at _createProviderInstance$1 (core.js:9237) at resolveNgModuleDep (core.js:9200) at _createClass (core.js:9270) at _createProviderInstance$1 (core.js:9234) at resolveNgModuleDep (core.js:9200) at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:9911) at resolveDep (core.js:10276) at createClass (core.js:10150)

Could you please tell us what is the issue here ?

Looks like it’s a ngb-pagination issue.

Does the css in index.html included in project? I want to reference it locally so that it will not affect the design when no internet connection.

Yes, css/sass are stored locally. You will find them inside “src/assets/styles”.

Hi, Do you have any templates, examples or help articles on how to implement the search functionality in the top search bar?

i don’t have examples right now. You can implement that by listening valueChange event of formControl.

Hi rafi, Any plan to add something like POS complex form? Most of business application used complex advanced form with space limitation.

I don’t have any plan to add POS form. Can you please provide me an example of POS form. May be I’ll build one and add that in future updates. :)

Hi mh_rafi, I have attached two links for POS and Hospitiality forms for you to think new ideas for future. 1. https://www.youtube.com/watch?v=PwftHVzbHQg ( POS ) 2. https://www.youtube.com/watch?v=i-EAXsl6Sik ( Hospitality ) 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