Sidenav menu bar in angular using material UI components | |Angular 15 - Material UI Tutorial

#materialui #angular15 #angularmaterial #sidenav #nihiratechiees
This is the Part - 5 video in Angular 15 - Material UI Tutorial.
It explains create side nave menu in angular using material UI components
This concept covers below components
1, mat-drawer-container
2, mat-drawer
3, mat-drawer-content
4, mat-nav-list
5, mat-list-item
Source code GitHub Link
=========================
github.com/nihira2020/angular...
Join this channel to get access to perks:
/ @nihiratechiees

[@onlinetech2023]

Thanks a lot Sir keep it up such a quality content

[@NihiraTechiees]

Thank you, try to do my level best

[@peterbarts8351]

Great lesson. Thanks!!

[@NihiraTechiees]

Glad to hear 👍

[@VijayKumar-fq4ie]

Good video, i needed it. Thank You bro

[@NihiraTechiees]

Thanks👍

[@siigma-tech]

Tres bon boulot ! Congratulation

[@NihiraTechiees]

Thanks👍

[@user-xp5rm4wt9g]

Thank you very much for github repo.

[@NihiraTechiees]

Welcome 👍

[@rohitkumar-od4dn]

Great job

[@NihiraTechiees]

Thanks

[@kolawoleomotosho3073]

Thanks for sharing

[@NihiraTechiees]

Welcome🤝

[@MichaelTorresOspina]

thanks you save my project

[@NihiraTechiees]

Glad I could help

[@satyasai5172]

I am following ur react js vedios

[@NihiraTechiees]

Specific topic, let me know will create video

[@learner-xk4zp]

Hi Sir thanks for sharing your knowledge Sir if possible can you make some videos on accessibility and Internationalization(i18) topics in upcoming videos.

[@NihiraTechiees]

Will including my plan

[@learner-xk4zp]

@@NihiraTechiees thank you sir

[@brightokoro7073]

Thank you for sharing but i have a question is their no solution to hid the menu bar in big screen size as best practice design for navbar with angular material?

[@NihiraTechiees]

It's upto our requirement if you want hide then we can hide.... We can customize based on our need

[@sweetysnehith9692]

Hello sir Thanks for sharing your knowledge. I'm following your angular videos sir, Can you please do angular sidenav bar menus from database

[@NihiraTechiees]

Sure

[@sweetysnehith9692]

​@@NihiraTechiees thank you sir

[@sweetysnehith9692]

waiting for it sir

[@sweetysnehith9692]

@@NihiraTechieeshello sir I'm waiting for your next video of sidebar menus from data in angular, please do it sir

[@syedhannan546]

i am unable to add footer if i use the navigation schematic. it overflows and creates mutiple scroll bars

[@NihiraTechiees]

Can you crosscheck GitHub code, I believe you missed something

[@mohiburrahman5639]

Hello could you make a video for menubar how to fixed position and responsive please!!:

[@NihiraTechiees]

Sure

[@kishoremukherjee6139]

Hello, I have an issue. The animation while closing the side nav is not working. Did you add the animation already? or is it a default animation and there is problem with installation?

[@NihiraTechiees]

It's default one

[@devmalhotra6486]

i installed @angular/materials but still the pre-req import elements you showed to are coming as unknown elements in my materials-module.ts file. any suggestions?

[@NihiraTechiees]

Are you able to import component module in material.module then have you imported in material.module in your components?

[@satyasai5172]

Which topic next u will upload in react js?

[@NihiraTechiees]

Please let me know, if you looking for any specific topic. New series will begin after 1 month only. Because already I have something in angular and dot net core

[@satyasai5172]

​@@NihiraTechiees in react js how to Excel data export example

[@NihiraTechiees]

We can handle from api, that api we can use in reactjs

[@sanjayhari2394]

Hi , for me side nav is not working, can you suggest some remedies

[@NihiraTechiees]

Design issue?

[@sanjayhari2394]

Yeah sir

[@sanjayhari2394]

Thanks, now it is working but I am unable the increase the width of the side nav

[@NihiraTechiees]

Ok share your contact number, will get back to you by tomorrow