Animated Responsive Sidenav in Angular | Part 1 | Responsive Sidenav

very good, amazing, my friend, I want to use bootstrap in the project and modal componet, but when installing and using the compoment it doesn't cover all screens, refactoring the code, it's due to the fixed position of the sidenav menu, if you change this attribute it breaks the structure, how do I solve it?

For people facing issue with the nav bar not being expanding just set the .sidenav class width to 5rem :) hope it helps

Everything is working good. Except that on click on the component, the icon is barely visible and the size is small as compared to in the video.

The styling is same no error but still getting this.

Anyone faces this??

great layout bro!! thank you

Someone got the error with OnInit, the dashboard does not run for me when the sidenav is opened

What theme for vscode is used in the video?

hey can you help me with one thing??plzzz

In body component: getBodyClass() is being call ayyyyyyyyyyy lot of times, it will really be nasty for performance.

che culey no lo pasas

Hello, when clicking on the first button to expand the menu, the body element does not move to the right.
ngOnInit(): void {
this.screenWidth = window.innerWidth;
}

I have reviewed all the code and it is the same as yours, it is the only thing I am missing. Can you help me? I'm using Angular 16.0.2. Will it be because of the Angular version?

Hi need Help

You are a genius! thanks!

Almost broke my headphones out of frustration. bs.

thanks a lot! I hope it works for me.

My page doesn't move the element to the left when I click, is there a css problem? I'm using ngOnInit and it's not working

Hey I dont, know why but when I open dashboard sidenav bar disappears.

This is useless without some sort of audio to explain what you are doing, why you are doing it, and most of all which component you are doing it in.

hey bro , great job !! a question , How can I make the navigation bar allow opening links from external pages?

Angular material used or bootstrap

Much better

Nice content

Looks super sleek! Thank you!

Can you enable routing for these somehow so data on different tabs is loaded dynamically when adding/editing/deleting (from the database)?

is it normal to a component to every button like you did? or its better to create just one and use it for every sidebar button?

Muchas gracias!! lo logré

Are there any way to convert sidenav bar into header bar when resize the screen?

Something different than using angular material. Thanks👍👍