Adding Responsive Toolbar | Part 3 | Responsive Sidenav

Поделиться
HTML-код
  • Опубликовано: 9 дек 2022
  • 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.
  • НаукаНаука

Комментарии • 49

  • @adrianmarza4770
    @adrianmarza4770 Год назад

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

    • @redaalout7318
      @redaalout7318 2 месяца назад

      can you give me the code source plzz

  • @jesusdavidolmos5744
    @jesusdavidolmos5744 Год назад

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

  • @davebudah
    @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.

  • @adrian333dev
    @adrian333dev Год назад

    awesome content😊😊

  • @brunoandersonlima8003
    @brunoandersonlima8003 11 месяцев назад +4

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

    • @antoniojuniormota2619
      @antoniojuniormota2619 4 месяца назад +1

      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.

  • @thotanagaraju7871
    @thotanagaraju7871 10 месяцев назад +1

    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

  • @vijaygv4089
    @vijaygv4089 Год назад +3

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

  • @mufarohove9379
    @mufarohove9379 9 месяцев назад

    You are a King

  • @othmaneouacrime
    @othmaneouacrime 18 дней назад

    thnk you so muchh

  • @madhukiranreddygaddam2948
    @madhukiranreddygaddam2948 Год назад

    how to give the menu button in header

  • @hamzabinkhurshid9564
    @hamzabinkhurshid9564 Год назад +1

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

  • @ThisChannelIsNoCommentary
    @ThisChannelIsNoCommentary 11 месяцев назад

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

  • @manuelenriquepazleiva7832
    @manuelenriquepazleiva7832 10 месяцев назад

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

  • @hardikanada9481
    @hardikanada9481 Год назад

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

  • @kjvlogs8250
    @kjvlogs8250 7 месяцев назад

    Please send the link to the header code

  • @thierrymouamadje992
    @thierrymouamadje992 Год назад

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

  • @brunoandersonlima8003
    @brunoandersonlima8003 11 месяцев назад +1

    faz mais projetos assim please

  • @juliofrancadasilva5504
    @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
      @jorgevaladares8185 Год назад +1

      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.

  • @jerrigyaneswararao756
    @jerrigyaneswararao756 4 месяца назад

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

  • @praveshkumar-fr4bx
    @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
      @angularistic  Год назад +1

      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
      @praveshkumar-fr4bx Год назад

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

    • @carinthnd
      @carinthnd Год назад

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

    • @n15_angthanhan95
      @n15_angthanhan95 Год назад

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

  • @bodasupraveenkumarbodasu2811
    @bodasupraveenkumarbodasu2811 11 месяцев назад

    Can you share source code of header

  • @jerrigyaneswararao756
    @jerrigyaneswararao756 4 месяца назад

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

  • @Hello-jr6lp
    @Hello-jr6lp 7 месяцев назад

    Can I have source code of header please

  • @avanishsah5552
    @avanishsah5552 Год назад

    Please share me the header source code

  • @sulaimaan-bi6zq
    @sulaimaan-bi6zq Год назад

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

  • @muhammadmehmood8990
    @muhammadmehmood8990 10 месяцев назад

    please continue login and signup pages ....

  • @madhukiranreddygaddam2948
    @madhukiranreddygaddam2948 Год назад

    please share the code

  • @HungNguyen-dh2un
    @HungNguyen-dh2un 4 месяца назад

    sir, can u share your code? pls

  • @vijaygv9332
    @vijaygv9332 Год назад

    please share code

  • @ChevyJhon
    @ChevyJhon Год назад

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

    • @angularistic
      @angularistic  Год назад +3

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

    • @ChevyJhon
      @ChevyJhon Год назад

      @@angularistic thank you

  • @user-jl9nc9yt7b
    @user-jl9nc9yt7b 9 месяцев назад

    The Overlay not appears

    • @user-jl9nc9yt7b
      @user-jl9nc9yt7b 9 месяцев назад

      Please can you share the code of header component

  • @vibhutripathi9635
    @vibhutripathi9635 9 месяцев назад

    why are you not adding voice

  • @vijaygv4089
    @vijaygv4089 Год назад

    Please

  • @sh1ki17
    @sh1ki17 Год назад

    @fadeInOut dont working in submenu. it's bug

  • @sorrybuddy4460
    @sorrybuddy4460 Год назад +1

    where is the header in source code

  • @ChevyJhon
    @ChevyJhon Год назад +1

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

  • @thotanagaraju7871
    @thotanagaraju7871 10 месяцев назад +2

    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