please add nayan (https://github.com/Nayan)

Invitation sent! please check your github account.

you are super thanks I got it, i get only on email, does not show anything on Github account

There is no angular cli command for that. you need to copy that from full version to your project.

You can print any section of a page by only using CSS, please check out this StackOverflow link https://stackoverflow.com/questions/468881/print-div-id-printarea-div-only

Thanks for the prompt reply. it would be great if this could be incorporated into the theme directly.

I need the json package file for angular 4, as i am facing many dependcies issue. Please help.

It would be better if you upgrade your existing application to angular 5 first then merge the application and template.

mat-card is a material component and that style comes from @angular/material package. you need to write your CSS to overwrite these. Please check Angular material https://material.angular.io/

Hi Thanks for response

i understand that. but when i overite the style. i want to overite custom style sheet or i need to overite egret_indigo.scss & egret_dark_purple.scss. what is professional way to do that.

You can edit these theme files directly, no problem with that. you can also add new css in any theme file.

I just sent invitation

It’s a complete angular CLI project. You will get three project folder for full, side and top navigation, what do mean by ‘entire project including typescript classes’ ?

It includes all object.component.ts files etc.? Or only transpiled JavaScript files? I setup with npm install?

it includes all the ts class(components, services, directives, pipes etc) files.

Invitation sent!

Please open ‘src/app/app.component.ts’ and change the value for ‘appTitle’.

Thanks

Hi,

Is there any chance I can see your code? though it might be a ngx-datatable issue, I’ll try to find out what’s happening.

ya sure….if possible can we connect through any screen sharing software ?

it would be better if you can share in https://bitbucket.org/mh-rafi/ or share with other private git repositories.

Please download the latest version. ”~@angular/material/prebuilt-themes/indigo-pink.css” is not included and used anymore.

Can you delete node_modules folder and package-lock.json and run ‘npm install’ ‘ng serve’ again? I’ve just checked the latest ‘seed-side-navigation’ from ThemeForest. It’s working.

I have done that and nothing changed. I googled a bit and I believe it is related to the timing of the processing of css files in the browser which may be different from computer to computer. see https://github.com/angular/material2/issues/4125 Since there is no visual or functional impact, I disabled the warning using MATERIAL_SANITY_CHECKS

Great! thanks.

I have not tested it for Cordova. what is the error message showing up? I’ll try to find out the solution.

Menu container requires ‘overflow: hidden’ for scroll. but ‘overflow: hidden’ hides the submenu items when it’s icon mode. so it’s a trade-off. And typical application won’t have a lot of menu items that require scroll. also, icon mode menu needs less space vertically.

Is it possible to share your code with me? It will be easier for me to track down that bug.

My email: mhrafi.dev@gmail.com bitbucket: https://bitbucket.org/mh-rafi/

Sent you the details on you email

That’s right. I’ll resolve this in next update. I think I can release next update in this month.

if you haven’t accessed the git repo, let me know your github username.

Thanks

Right now alot of things are hardcoded in – like the navigation links etc. Would be nice to have a separate JSON file so they they can be edited outside of the code easily. Github: rezamohamed

right, I’ll also separate the mock data in json file. I’ve added you to github repo.

Thanks

ok, you have added the French language. I’ve just done what you have done. it’s working fine. if you want I can send it to you.

ok is work English as fr hh but how to set the selected language as default ex: if my browser select fr i need to see Franch now my browser automaticly select fr and use fr.json but in top bar i see English how to fix that

paste this inside ngOnInit in HeaderSideComponent this.translate.use(this.currentLang)

and also change the value of currentLang = ‘en’;

Thanks for your help. I am still getting the same error after I put in the suggested change. It looks like the code inside ‘sidebar-side.component.ts’ is getting executed before my external service returns the menu data. I am calling the external service from the constructor of navigation.service.ts. Here is the exact error for your reference.

ERROR TypeError: Cannot read property ‘filter’ of undefined at SafeSubscriber.eval [as _next] (sidebar-side.component.ts:27)

It looks like menuItems variable inside sidebar-side.component.ts is not populated when the code is executed. I can see the icon menu data is getting loaded after this exception.

Here is the code snippet for your reference. I am calling this piece of code from navigation service’s constructor.

navigation.service.ts:

this.http.get<IMenuItem[]>(url).subscribe( data => { this.iconMenu = data; this.menuItems.next(this.iconMenu); this.logger.info(this.iconMenu); }, (err: HttpErrorResponse) => { if (err.error instanceof Error) { this.logger.error(‘An error occurred:’, err.error.message); } else { this.logger.error( `Backend returned code ${err.status}, body was: ${err.error}` ); } } );

sidebar-side.component.ts:

line 27: this.hasIconTypeMenuItem = !!this.menuItems.filter(item => item.type === ‘icon’).length;

Please let me know if you need more information. Thanks again for your help.

I found the reason. I forgot to initialize iconMenu variable after I remove the hard coded items. It is working fine now with your suggestion. Thanks for your help. Great work…

Great!

Yeah, These are in our roadmap.