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.

Hi can you please help me to have a navigation menu from a json file that i got from server and put it inside menu side-nav please.

thanks

I don’t know the structure of your ‘site’ object. but I’m assuming it has name property.

this.sites = site; should be something like this.
this.sites = site.map((s) => {
return {
      name: s.name,
      type: 'link',
      icon: 'my_icon',
      state: 'your_destination_url'
    }

})

Hi, i am stuck, can you please help me out with this, where should i put the above code in order to return the object and put it inside the iconMenu array, as u said, i used it as bellow: sitesMenu = this.usersService.getUserSites().subscribe((sites: Site[]) => { this.sites = sites.map((s) => { return { name: s.name, type: “link”, icon: “person”, state: “evaluation”, }; }); });

Can you share your codebase? otherwise I’m unable to explain further. You can share on github, my username mh-rafi

Hola buenos días, necesito tu ayuda!

Cargue el proyecto “seed-project”, y no me carga la apariencia del Boostrap, como lo configuro.

http://190.117.56.169:9095/payment-afiliacion

gracias

Hi, Please install packages by running “npm install” then run “ng serve -o”

>npm install npm WARN deprecated tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information. npm WARN deprecated core-js@2.4.1: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm ERR! code ENOENT npm ERR! syscall spawn git npm ERR! path git npm ERR! errno ENOENT npm ERR! enoent Error while executing: npm ERR! enoent undefined ls-remote -h -t https://git@github.com/uilibrary/css-star-rating.git npm ERR! enoent npm ERR! enoent npm ERR! enoent spawn git ENOENT npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent

npm ERR! A complete log of this run can be found in:

Please install git on your computer.

hi i cant npm install in full folder project or seed folder coming many error

Can you share the error message? also make you have git installed on your computer.

How to programmatically handle (show/hide) the loading/splash screen?

The initial loading comes from “src/index.html”. and the loading when the route changes comes from app/shared/components/layouts/admin-layout/admin-layout.template.html#L37

I suggest you to create another loading and a service for that. so you can control from anywhere of the app.

Hi, I’m getting some troubles using the infinite-scrolling library! It seems the overflow-y auto property is a must for the actual list, but this result in a poor usability on mobile (double scroll): how Can I fix it? Does the perfect-scrollbar cause some problems? How to list scroll on the body?

Try disabling perfectScrollbar in app/shared/services/layout.service.ts#L58

Hi, We want to migrate from Egret Angular V8 to Egret Angular V9, do you have any instruction on how to do it right? Can we have any support on this issue? Some components are starting to behave strangely so we want to upgrade to this new version.

The only major change between v8 and v9 is the Angular version is updated. Please update your Angular version by following official instruction https://update.angular.io/

Thanks

How Can I detect scroll on a specific page?

Sorry for the late reply, you can detect the scroll of .rightside-content-hold element which contains all the body contents.

How can I update code of my project with new version?

We suggest to update your angular version, not the template. Because the template itself an angular project. Keeping synchronised project with another project can be very messy. However, you can inspect the changes we made in git commits and implement that to your project.

You can get github access here http://githubaccess.ui-lib.com/

Thanks

How to boock horizontal scroolbar?

Hide and block

Set .main-content-wrap, rightside-content-hold {overflow-x: hidden;}

Also it has tslinting issues.

Hi, we’re working on this issue. You can also use automated tool to resolve all the tslint issues.

This theme is upgraded to angular 10. but the coding style is old i.e. earlier before Angular 7.

We are continuously updating the code. Hopefully we’ll be update whole codebase very soon.

Hi, it seems some problems using the scrollbar infinite with your template; is it normal?

Try disabling perfectScrollbar at line 53 of app/shared/services/layout.service.ts

It is already false, is it what you mean? The problem is still there

Hi, How to keep the cart service last for the user for the entire sessions?

You need to use localstorage to save cart data on client side.

Thank you! Isn’t possible with the usage of only Service without localstoarage?

it’s not possible to save data just by using angular service. Without using localstorage/cookie/database data will be lost if browser is refreshed.

Hi, How is possible to keep the loading screen waiting the response from the server about the user status?

I need to add arabic language in my dashboard. I have added ar.json file in i18n. But in top header i am not seeing saudi arabia flag and ‘AR’ language option.

You need to add arabia in that dropdown. add new item in “availableLangs” in app/shared/components/header-side/header-side.component.ts line 13

Buenas noches, la plantilla me parece genial. He realizado la compra pero tengo problemas para ejecutarla. Al parecer no se pueden descargar ciertos archivos de estilos. Ejecuto npm install y los node_modules nunca se instalan. Agradezco mucho su ayuda. Gracias

Hi, Please check you are running “npm install” in right directory. Root directory has package.json file.

Hello sir, I would like to ask how could I add egret template to visual studio 2019 angular project? Thanks in advance. Regards, Mohamed Ibrahim

Egret is standard angular CLI project. Please try by replacing the default generated angular code with Egret’s code in visual studio.

have you had a chance to review my issue with vertical iOS devices not showing calendar properly. mike@coachmike.ca.

I just tested on iOS 13.6.1 Chrome and Safari. Working fine, which iOS and browser you are using?

Safari, chrome iOS Vertical. I must have done something. What is the best way to give you my code? It only happens in vertical in iPhone.

You can share code by uploading to github. my github username mh-rafi

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