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.

I saw the footer is on the roadmap, when can I expect it to be released? thx.

Thanks for reminding me. I’m going to add that within few days.

Hi, I am requesting you please add me on Skype for a quick conversation. My Skype Id is: ajijur2016

Thanks & Regards Ajijur Rahaman

Hi, I am Ajijur Rahaman, I have purchased your template in this months, I have a problem with table scroll in seed template.

the horizontal and vertical scroll bar is not appearing in the seed template project in table tab.

please take an action for this issue as soon as possible I will be thankful for your

Best of Regard Ajijur Rahaman

I’ve replied your previous comment. Please take a look. Thanks

Hello,

I am making a decision to buy your theme. Do you have any possibility to adapt Tables to different screen widths? As I see, when screen is small, example 15’’, I can not see all the Table columns. At least if there was a possibility to scroll horizontally left/right.

Thanks in advance!

Br

You can enable horizontal scrollbar. By using [scrollbarH]="true". Here is the ngx datatable doc for more information https://swimlane.gitbook.io/ngx-datatable

Hi I an Ajijur Rahaman, i have purchased your template in this months, i have a proble with table scroll in seed templase

horizontal and vertical scroll bar is not appearing in seed template project in table tab

please take an action for this issue as soon as possible i will be thankful to your

Best of Regard Ajijur Raheman

You have to set [scrollbarH]=”true” and set ngx-datatable height to enable horizontal and vertical scrollbar.

<ngx-datatable class="material fullscreen bg-white" 
    style="height: calc(100vh - 160px)" 
    [columnMode]="'force'"  
    [headerHeight]="50" 
    [footerHeight]="0" 
    [rowHeight]="50" 
    [scrollbarV]="true" 
    [scrollbarH]="true" 
    [rows]="rows" 
    [columns]="columns">
    </ngx-datatable>

Hello Team, I bought your theme. I am trying to show date in DatePicker. Now i am consuming date from Api and doing 2 way binding in mat-datepicker. But its not showing any date. Do you have any example or reference ,instruction to show how to bind DatePicker ?

It would be better if you use reactive form for binding data to form. here is an example https://stackblitz.com/angular/rkdqebvjxqd?file=app%2Fdatepicker-value-example.ts

Material datepicker doc https://material.angular.io/components/datepicker/overview

Thanks

Disregard my last support request. thanks

I am trying to move a layout into a lazy-loaded module. That way, the lady loaded module layout should only load when that particular module is loaded. Everything else seems to work, except the theme configuration.

I get this error,

HeaderSideComponent.html:60 ERROR TypeError: Cannot read property ‘name’ of undefined at ThemeService.push../src/app/shared/services/theme.service.ts.ThemeService.changeTheme (theme.service.ts:58) at HeaderSideComponent.push../src/app/shared/components/header-side/header-side.component.ts.HeaderSideComponent.changeTheme (header-side.component.ts:49) at Object.eval [as handleEvent] (HeaderSideComponent.html:62) at handleEvent (core.js:21673) at callWithDebugContext (core.js:22767) at Object.debugHandleEvent [as handleEvent] (core.js:22470) at dispatchEvent (core.js:19122) at core.js:19569 at HTMLElement.<anonymous> (platform-browser.js:993) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) View_HeaderSideComponent_4 @ HeaderSideComponent.html:60 push../node_modules/angular/core/fesm5/core.js.DebugContext_.logError core.js:22729 push../node_modules/angular/core/fesm5/core.js.ErrorHandler.handleError core.js:14645 dispatchEvent @ core.js:19126 (anonymous) @ core.js:19569 (anonymous) @ platform-browser.js:993 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421 onInvokeTask @ core.js:16147 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:420 push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188 push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496 invokeTask @ zone.js:1540 globalZoneAwareCallback @ zone.js:1566 HeaderSideComponent.html:60 ERROR CONTEXT

I’m away from my workplace. hove you solved your issue?

Please add this profile to the github repo. https://github.com/tajition

Hi, I’ve got troubles trying to use snackbar and loader dialogs on pages where a ngx datatable is displayed : there are displaying and dismissing problems (dialog or snackbar can “freeze”) that can disappear when I move the mouse over the ngx table. I’ve already checked that my code is using promise and observable well, and I can see that the problem is depending on the computer and network speed.

Here is the function that open a MatDialog, then after validation of the dialog, will display a snackbar (work), then launch a query to the server, and display another snackbar after the query returns : this will freeze the snackbar and display a part of the snackbar to the upper left corner of the screen…

openPopUp(data: DeclarationDialogData = { importateurs : this.importateurs, creneaux: this.creneaux, isNew: true }) { let that = this; let dialogRef: MatDialogRef<any> = this.dialog.open(NgxTablePopupComponent, { width: ‘720px’, disableClose: true, data: data }); dialogRef.afterClosed() .subscribe(res => { if(!res) { // If user press cancel return; } that.snack.open(”” + (res.isNew?Ajout“) + ” d’une déclaration…”); if (res.isNew) { that.parseService.ajouterDeclaration(res.declaration).then((result : DeclarationImportateur) => { that.snack.open(“Déclaration ajoutée!”, ‘OK’, { duration: 4000 }); }); } else { that.parseService.modifierDeclaration(res.declaration).then((result : DeclarationImportateur) => { that.snack.open(“Déclaration modifiée!”, ‘OK’, { duration: 4000 }); }); } }) }

Thanks for your help.

Claude Joseph-Angélique

I can give you access to my dev app so you can debug. Can you provide a way to send you url, login and password privately?

Can I have access to the github repo? My username’s DanGTZ

Title says Angular 7, latest update says updated to Angular 6. Which is the version this template is built on?

Right now it’s Angular v7.0.4. I’ve updated the change-log in description. Thanks!

Hello, already purchase the template, can you add me to github repo? my user is gitkoli

Can we add background images to the left side bar ?

Sidebar already has a background image. open ”/assets/styles/scss/main/_layout.scss (Line: 27)”, and find ”.navigation-hold” then reduce the background opacity.

Hello, already purchase the template, can you add me to github repo? my user is superdrey

Hello friends, how can I add the sidebar and the header in another project from scratch?

I appreciate the help!

There is a seed project. You can use that to start a new project. Adding template’s sidebar and header to your project will not be a viable option. You better import your existing project to the Egret’s seed project.

Hi. I also purchased the “Angular Landing – Material Design Angular App Landing Page” and would like to use it as home in my project along with the “Egret – Angular 7+ Material Design Admin Template”. I could guide how I can do this. Thank you.

Hi, Folder structures are same for both projects. You just need to copy home module and uncomment few lines in Egret Admin.

1. Run ‘npm install @ngu/carousel’ inside Egret Admin.

2. Replace Egret Admin’s ‘home’ with Angular landing’s ‘home’ folder inside app/views.

3. Uncomment ‘LandingPageService’ in shared.module.ts and provide that service to SharedModule.

4.Uncomment @import “views/landing”; inside assets/styles/scss/_views.scss

Thanks

Hi mh_rafi, I just purchased the template and would like to have access to the github repo, can you please add me: aajajim? Kind Regards

How can I add a custom CSS to the project / template ?

Thanks, Hamlet

you can add custom css inside this file src/assets/styles/app.scss. Or you can create new file(e.g. _custom.scss) inside styles folder and import that in app.scss(import “custom”)

Thanks

Hello, purchased the template, can you add me to github repo? user: cieebr

Hi, Quick question… I see that the bundle comes with 3 folders doc full seed

Which is the best way to use the bundle…I intend to use it for a project that I already started using angular 6 ?

Please advice. Thanks, Hamlet

The seed version does not have any view components, it has only basic layout components(sidebar, topbar and signin, sign up pages). So you should use seed to start your project. Use full version as a reference and copy code/file from there as needed.

And doc folder contains documentation. Please open index.html in browser and read the doc.

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