Discussion on Angular 13 Admin Template with Material Design

Discussion on Angular 13 Admin Template with Material Design

Cart 618 sales
Well Documented

IronNetwork does not currently provide support for this item.

183 comments found.

Hi please help me, how to prevent the page from reloading every time I click on a submenu

I followed all steps whatever you are shared. kindly need full me

Hi sir,

I am not able to compile ur source code please help us as soon as possible.

Hi,

Thanks for reaching out!

We checked this issue at our end and we didn’t get any issue. We suggest to download the latest files from themeforest and then check once. Also Ensure that your node version stable or not. To know more go to the nodejs site and check the stable version. https://nodejs.org/en/ and delete node_module folder and package-lock.json file and try to install npm again. It may help you.

Let us know if it works.

Thanks and have a nice day!

I have just purchased your template but I cannot make it work correctly. The npm install keeps failing and I believe the issue comes from the grpc v1.23.3 that some of the dependencies is using. I have node version 13.9.0 and from what I could find this is not compatible with the aforementioned version of grpc. Do you know how I can make that work ? Can I do it be removing the dependency to grpc (please point me to that).

Hi,

Thanks for reaching out!

We checked this issue at our end and we didn’t get any issue. We suggest to use node stable version because node version 13.9.0 is not stable for run the template because you can’t be removing the node inner dependency grpc .To know more go to the nodejs site and check the stable version. https://nodejs.org/en/ and delete node_module folder and package-lock.json file and try to install npm again. It may help you.

Let us know if it works.

Thanks and have a nice day!

Thank you very much for ypur prompt reply.

That did solve the issue.

Kind Regards,

Vassilis

The template can not run I have this error :

ERROR in ../node_modules/@swimlane/ngx-datatable/lib/components/body/body-cell.component.d.ts:8:9 – error TS1086: An accessor cannot be declared in an ambient context.

8 set group(group: any); ~~~ ../node_modules/@swimlane/ngx-datatable/lib/components/body/body-cell.component.d.ts:9:9 – error TS1086: An accessor cannot be declared in an ambient context.

9 get group(): any; ~~~ ../node_modules/@swimlane/ngx-datatable/lib/components/body/body-cell.component.d.ts:10:9 – error TS1086: An accessor cannot be declared in an ambient context.

10 set rowHeight(val: number); ~~~~~ ../node_modules/@swimlane/ngx-datatable/lib/components/body/body-cell.component.d.ts:11:9 – error TS1086: An accessor cannot be declared in an ambient context.

11 get rowHeight(): number; ~~~~~ ../node_modules/@swimlane/ngx-datatable/lib/components/body/body-cell.component.d.ts:12:9 – error TS1086: An accessor cannot be declared in an ambient context.

12 set isSelected(val: boolean); ~~~~~ ../node_modules/@swimlane/ngx-datatable/lib/components/body/body-cell.component.d.ts:13:9 – error TS1086: An accessor cannot be declared in an ambient context.

13 get isSelected(): boolean; ~~~~~ ../node_modules/@swimlane/ngx-datatable/lib/components/body/body-cell.component.d.ts:14:9 – error TS1086: An accessor cannot be declared in an ambient context.

14 set expanded(val: boolean); ~~~~m ../node_modules/@swimlane/ngx-datatable/lib/components/body/body-cell.component.d.ts:15:9 – error TS1086: An accessor cannot be declared in an ambient context.

15 get expanded(): boolean;

Hello, the Tslint doesn’t work with the template. I am trying to run “ng lint Gene—Fix” but it only returns the list of errors and warnings, the errors did not fix Return Message: “Lint errors found in the listed files.” please help to assist

Hi Can you please just update the content not whole page? It is more like post back website I mean I prefer the menu stay fixed and just content change by changing, but now when I go to other page whole page change like standard post back website Thank you

Hi,

It seems that you are using directly theme without setting up the default layout of the theme. We provide this in our documentation please check here:

https://docs.theironnetwork.org/gene/layouts/

In further, if you want to remove the processing loader form the theme then please go to: src\app\ and open app.component.ts file and remove <ngx-loading-bar></ngx-loading-bar> tags from the file. Now the processing loader will not come.

Let us know if you need anything else at support@theironnetwork.org

Thanks

Hello I cant run this command “npm run build——prod”

Hi,

Thanks for reaching out here!

RTL issues and editor’s issues will be covered in the next update because it has some dependencies issues as new angular version has come. Regarding production build command. Please use:

ng build—prod or ng build—prod—aot—build-optimizer

We are now working on angular 9. So please wait for a while. We will update the theme soon at ThemeForest.

Let us know if you have other issues at support@theironnetwork.org

Thanks and have a nice day!

Thank you I will wait for new version I found the problems also You need add mbox old version in packages

Hello, There is some problem in theme. 1- RTL chat CSS 2- both editor not working

After deploying how can i run my site without #(hash) from URL . without # i can not load my site by direct hit on url. please give me a suggestion…

Hi,

Thanks for reaching out!

It seems that you have not used the htaccess file on the server for accessing the app. For more understanding you can check our documentation link of deployment:

https://docs.theironnetwork.org/gene/deployment-in-this-section-you-will-learn-about-how-to-deploy-your-application-on-the-live-server-please-read-the-documentation-carefully/

if you found still issues then please send us your app URL. We will check it and suggest to you accordingly.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Hi, Thanks for replying. After using angular universal at my app i am deploying it in IIS Server. When i hit url directly it automatically redirects to default url. I am using rewrite module and web config file, it working fine locally but making problem in IIS Server. Please guide me how to deploy angular universal app in IIS Server.

Hi,

Could you share a bit more information with me so that we can get to the bottom of this? For example, would you mind sending us the project url link And your web config file which are you using right now Using that, we can take a look in our system and see how we can get this fixed for you.

Thanks

I got this error after ng build—prod

Uncaught TypeError: t.rgb is not a function at Ve (main.11c993035ed795d20759.js:1) at Be (main.11c993035ed795d20759.js:1) at main.11c993035ed795d20759.js:1 at D_ (main.11c993035ed795d20759.js:1) at Module.t1Qi (main.11c993035ed795d20759.js:1) at i (runtime.d7c121c70f49ea5a1408.js:1) at Object.O0gw (main.11c993035ed795d20759.js:1) at i (runtime.d7c121c70f49ea5a1408.js:1) at Object.zrnB (main.11c993035ed795d20759.js:1) at i (runtime.d7c121c70f49ea5a1408.js:1)

Thanks Petchpoom Gabriel

Hi,

Thanks for reaching out!

We checked it at our end, everything is working as per expectation. Please check this screenshot https://www.screencast.com/t/NkB0x5PX4

Maybe you did some customization in theme and probably some glitch was added in your project file that is why you are facing this.

Also, make sure that you are using the recommended version of the node and using the latest gene files.

Please check your code and let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Hi,

hope you are doing well,

I am sending you because I am struggling on something while try to integrate It with asp.net core api

the Issue Is, when I try to remove the current login modules and firebase module the application stops working, as I want to use oidc

thanks

Hi,

To remove firebase you have to follow the steps below:

1. Uninstall or remove firebase and @angular/fire from package.json ”@angular/fire”: “5.2.1”, “firebase”: “6.1.0”,

2. Now go to src/app/app.module.ts and remove the following lines

import { AngularFireAuthModule } from ’@angular/fire/auth’; import { AngularFireModule } from ’@angular/fire’;

export const firebaseConfig = { apiKey: “XXXXXXXXXXXXXXXXXXXXXXXXXXXX”, authDomain: “gene-XXX.firebaseapp.com”, databaseURL: “https://gene-XXXXXX.firebaseio.com”, projectId: “gene-XXXXX”, storageBucket: “gene-XXXX.XXXXX.com”, messagingSenderId: “XXXXXXXXXXXXXX”, appId: “1:XXXXXXXXXXX:web:XXXXXXXXXXXXXXXXXX” }

Inside @NgModule, remove the following lines

AngularFireModule.initializeApp(firebaseConfig), AngularFireAuthModule,

3. Now go to src/app/service/auth-service/auth.service.ts and remove the following lines

import { AngularFireAuth } from ’@angular/fire/auth’; import * as firebase from ‘firebase/app’; import { Observable } from ‘rxjs/Observable’;

Inside AuthService object remove

user : Observable<firebase.User>; userData : any; isLoggedIn = false;

Update constructor

constructor( private router : Router, private toastr : ToastrService ) { }

Remove getLocalStorageUser() function Remove setLocalUserProfile() function

Update Following Methods

signupUserProfile(value) { this.toastr.success(‘Successfully Signed Up!’); this.router.navigate([’/’]); }

loginUser(value) { this.toastr.success(‘Successfully Logged In!’); this.router.navigate([’/’]); }

resetPassword(value) { this.toastr.success(“A password reset link has been sent to this email.”); this.router.navigate([’/session/login’]); }

resetPasswordV2(value) { this.toastr.success(“A password reset link has been sent to this email.”); this.router.navigate([’/session/loginV2’]); }

logOut() { this.toastr.success(“Successfully logged out!”); this.router.navigate([’/session/loginV2’]); }

4. Now go to src/app/core/guards/auth.guards.ts and remove the following code import { AuthService } from ’../../service/auth-service/auth.service’;

Inside constructor private userAuthService: AuthService

Update canActivate

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { return true; // not logged in so redirect to login page with the return url this.router.navigate([’/session/loginV2’], { queryParams: { returnUrl: state.url }}); return false; }

Let us know if you need anything else at support@theironnetwork.org

Hi,

How do I change the theme color of the pop-up widget-component in dark theme? The label text is black, which is not well visible on a dark background

Hi,

Thanks for reaching out!

Please add this css code snippet in your scss file. You can place this file at src\assets\scss\components and open _dark.css file and paste the code at the bottom of the file.

.dark-theme-active .mat-form-field-label-wrapper .mat-form-field-label { color: #fff !important; }

We will update these fixes in our next update.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Hello Dear, can you help me please. I have problem after npm start:

ERROR in ../src/app/forms/forms.module.ts Module not found: Error: Can’t resolve ‘ng2-file-upload/ng2-file-upload’ in ’/Users/cybercat/Downloads/gene-main-v6/ng-7/gene/src/app/forms’ ERROR in ../src/app/forms/form-upload/formupload.component.ts Module not found: Error: Can’t resolve ‘ng2-file-upload/ng2-file-upload’ in ’/Users/cybercat/Downloads/gene-main-v6/ng-7/gene/src/app/forms/form-upload’

Hi,

Thanks for reaching out!

Recently ng2-file-upload has updated by their authors that is why you are facing this issue. We will update it in our future update till then you can fix this issue by yourself. Only you need to follow these simple steps:

Step 1. Please go to location src->app->forms->form-upload-> and open formupload.component.ts file and search for following line of code:

import { FileUploader } from ‘ng2-file-upload/ng2-file-upload’;

Remove the /ng2-file-upload from this line and your import line will become like:

import { FileUploader } from ‘ng2-file-upload’;

Now save this file.

Step 2. Same case also follows by module file. Go to src->app->forms-> and open forms.module.ts file try to search the following line:

import { FileUploadModule } from ‘ng2-file-upload/ng2-file-upload’;

Remove the /ng2-file-upload from this line and your import line will become like:

import { FileUploadModule } from ‘ng2-file-upload’; Now save this file.

Means simply remove ng2-file-upload from the import lines:

Now delete node_module folder and package-lock.json file and try to install npm again. It will fix the problem.

Let us know if it works if not then please send us an email at support@theironnetwork.org

Thanks and have a nice day!

hi, Your theme seems to be great, but there is an important issue to me, why does every link in the navigation bar cause the current page to refresh?? as I know, angular concept is based on loading components without refreshing the whole page each time. Thank you in advance

Hi,

Thanks for reaching out!

We really appreciate you bringing this to our attention! But this is not an issue. It seems the whole page is refreshing but it is due to page loader. We are using ngx-loading-bar as loader. To check it by yourself please go to the /src/app/app.component.ts file and comment <ngx-loading-bar></ngx-loading-bar> tag from the file.

Now check the page loading by clicking to one to another.

We hope that helps! Please let me know if you have any further questions or issues, of course at support@theironnetwork.org

Thanks and have a nice day!

this theme got jquery ?

i want default horizontal menu. i am following your documentation but not found these lines

horizontalStatus : boolean = true; horizontalSizeStatue : boolean = true;

in src->app->service->core->core.service.ts file.

Hi,

Thanks for reaching out!

Sorry for the delayed response. It took some time to reply your email due to long weekend’s support requests and your message got lost in the shuffle for a few days. So that is why it took time to process your support request.

There are following steps you need to follow to get started with horizontal menu:

1.Go to the src->app->app-routing.module.ts file. In which change to the redirectTo from dashboard path to horizontal/dashboard like below:-

import { NgModule } from ’@angular/core’; .....

const appRoutes: Routes = [ { path: ’’, redirectTo: ‘horizontal/dashboard’, // change the redirectTo path pathMatch: ‘full’, }, ]

....
....

2. Now try to run the app

Let us know if it works and for more info please let us know at support@theironnetwork.org

Thanks and have nice day ahead!

thanks for your reply. also please update your documentation .

Hi,

As some steps to approach of the project has been changed, and we also changed some documentation as per as the latest approach but some steps need to check e.g. customization steps. We added this into our do to list. Our developer team will start working on this very soon and it will be fixed in the next release.

Thank you for your patience and understanding!

i want default horizontal menu. i am following your documentation but not found these lines horizontalStatus : boolean = true; horizontalSizeStatue : boolean = true; in src->app->service->core->core.service.ts file.

is there anyone who can reply ?

Replied on your last comment. Thanks!

Give the procedure how to install the template in angular app.

Hi,

Thanks for reaching out!

Please check out our online documentation for installation of theme.

https://iron-network.gitbook.io/gene/

Let us know if you have any issues and concerns at support@theironnetwork.org

Thanks and have a nice day!

Hi, when i try to generate new component (clean seed project, https://iron-network.gitbook.io/gene/adding-new-component step 2) i get following warrning and error

Two or more projects are using identical roots. Unable to determine project using current working directory. Using default workspace project instead. Two or more projects are using identical roots. Unable to determine project using current working directory. Using default workspace project instead. Invalid format version detected – Expected:[ 1 ] Found: [ 6 ]

I guess i need to modify angular.json file, any suggestions?

By the way, when i run same commands in ng-7 seed project i get only warning about identical roots, but in ng-8 i get warning and error “Invalid format version detected”

Hi,

Thanks for reaching out!

We have fixed the issues and uploaded the files on themeforest. Please download the latest files and check once.

If you still have any issues then please contact us at support@theironnetwork.org

Thanks and have a nice day!

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