Adding Responsive Toolbar | Part 3 | Responsive Sidenav

In this video we'll add a toolbar to the responsive side navigation bar which we created in the previous video.
_________________________________________________
Project helper:
github.com/Angular-istic/Proj...
_________________________________________________
Assets:
github.com/Angular-istic/Proj...
_________________________________________________
Commands used
To generate components :
ng g c header
Angular CDK:
npm i @angular/cdk
_________________________________________________
If you think there's a better way to improve this code, please let us know in the comments.
If you like this video please subscribe to Angularistic, like and share this video.

[@adrianmarza4770]

Man i just hit the 3 parts in a day. Seriously you're a beast ! It was awesome thanks a lot !

[@redaalout7318]

can you give me the code source plzz

[@jesusdavidolmos5744]

Excellent content, thank you very much for sharing it. 😆😆

[@adrian333dev]

awesome content😊😊

[@gatchangstephen]

I did it in angular 18; thank you for the excellent content!

[@bhaskardixit1564]

please share source code

[@davebudah]

This was a very good series, thank you very much. Is it too late to ask you to add the feature for "fullscreen" when user clicks on the "fullscreen button on the top-nav". I have a slight idea but you are way better at this , hope you find time to add that function.

[@mufarohove9379]

You are a King

[@brunoandersonlima8003]

continue por favor a parte 4, 5, 6, 7, 8.... Crie uma playslist dessas aulas. Vou divulgar para meus amigos.

[@antoniojuniormota2619]

Eu também estou achando incrível essa sequência de aulas, estava criando um sistema e precisando de um front para a API achei muito bom o exemplo que foi feito.

[@othmaneouacrime]

thnk you so muchh

[@vijaygv4089]

🙏please put more for datatable and charts and login page design and modal with input form

[@hardikanada9481]

Excellent content @Angularistic , can you share the code of toolbar part as well as i am having error is z-index part

[@thierrymouamadje992]

Excellent work, can I have the source code with the header?

[@thotanagaraju7871]

Hello I am getting this error Can't bind to 'cdkMenuTriggerFor' since it isn't a known property of 'button' How to resolve this error

[@hamzabinkhurshid9564]

can u share the compelete code of this ? any github?

[@madhukiranreddygaddam2948]

how to give the menu button in header

[@manuelenriquepazleiva7832]

Hello good day everyone, does anyone have the complete code of the application for them to share?... I will appreciate your comments...

[@ThisChannelIsNoCommentary]

can i have the source code header please my btn-search not working with ng-template

[@brunoandersonlima8003]

faz mais projetos assim please

[@jerrigyaneswararao756]

@angularistic could you please share the part 3 code with us 😊

[@kjvlogs8250]

Please send the link to the header code

[@jerrigyaneswararao756]

Could you please share with us the part 3 code,😊

[@praveshkumar-fr4bx]

Thanks for your hard work amazing content , I am getting issue on hover product submenu not showing when we toggle menu. please help on this ,please share the code what I missing here.

[@angularistic]

Hi, sorry for the late response. Here is the repo link for the multilevel menu. github.com/Angular-istic/sidenav-with-multilevel-menu

[@praveshkumar-fr4bx]

@@angularistic its Ok , thanks for sharing but its same . I mean on hover the submenu item not displaying .

[@carinthnd]

@@praveshkumar-fr4bx What is the error man? Can you share your error and try to help?

[@n15_angthanhan95]

@@angularistic pls! do you can push header code on your link github you shared

[@sulaimaan-bi6zq]

bro can you share this part-3 video full source code

[@juliofrancadasilva5504]

my sidebar doesn't push the body to the left, i did exactly like you but i don't understand what could be wrong

[@jorgevaladares8185]

Hi Julio. Mine was also having this problem. I changed in scss file .head-trimmed{ width: calc(100% - 16.5625rem); margin-left: 16.5625rem; } to .head-trimmed{ width: calc(100% - 18.5625rem); margin-left: 18.5625rem; } and it worked normally.

[@bodasupraveenkumarbodasu2811]

Can you share source code of header

[@avanishsah5552]

Please share me the header source code

[@muhammadmehmood8990]

please continue login and signup pages ....

[@Hello-jr6lp]

Can I have source code of header please

[@madhukiranreddygaddam2948]

please share the code

[@vijaygv9332]

please share code

[@HungNguyen-dh2un]

sir, can u share your code? pls

[@ChevyJhon]

Please can you share the code of dashboard,scc please 🙏

[@angularistic]

Hi, you can get it from here, github.com/Angular-istic/sidenav/issues/1#issuecomment-1250028023

[@ChevyJhon]

@@angularistic thank you

[@user-jl9nc9yt7b]

The Overlay not appears

[@user-jl9nc9yt7b]

Please can you share the code of header component

[@vibhutripathi9635]

why are you not adding voice

[@vijaygv4089]

Please

[@ChevyJhon]

Excelent content @Angularistic , can you share the code of dashboard.component.scss please

[@sh1ki17]

@fadeInOut dont working in submenu. it's bug

[@sorrybuddy4460]

where is the header in source code

[@thotanagaraju7871]

Hello I am getting this error Can't bind to 'cdkMenuTriggerFor' since it isn't a known property of 'button' How to resolve this error