Angular 6 - Material Sidenav with Half Close Mode

Sdílet
Vložit
  • čas přidán 12. 09. 2024
  • ▶ Check out my gear on Kit: kit.com/codewi...
    In this lecture we gonna look at a behaviour in angular material sidenav. Where once the sidenav is closed it will leave the icons visible.
    Once the sidenav is closed, a portion of it will still remain visible. Very similar to WordPress' admin menu, where the sidenav shows text and an icon for each menu item, and the same sidenav can be closed, leaving the icons showing.
    Script Source:
    ******************
    github.com/cod...
    Blog:
    *******
    www.codewithsri...

Komentáře • 34

  • @TheL3xpert
    @TheL3xpert Před 5 lety +1

    Great job. Commentary adds to the documentation in a very helpful way.

  • @mujiburrahman647
    @mujiburrahman647 Před 3 lety +2

    Thank you. Your videos help me understand angular + material quickly.

  • @rembautimes8808
    @rembautimes8808 Před 2 lety +1

    Great lecture - watched it and took notes. Thanks Srini

  • @pishposh457
    @pishposh457 Před 4 lety

    This worked like charm, brilliant video.

  • @dvalley56
    @dvalley56 Před 3 lety

    Thanks brother, helped me even on angular 11.

  • @anniya12345
    @anniya12345 Před 5 lety +1

    Beautifully explained!

  • @saratiedt2640
    @saratiedt2640 Před 4 lety +1

    Save my day, thank you so much

  • @abhishekjyothishbabu3966

    Very useful and informative video... Thanks a lot for taking the time to prepare it... :)

  • @eiturre73
    @eiturre73 Před 5 lety +2

    Gracias estaba buscando este layout

    • @eiturre73
      @eiturre73 Před 5 lety

      Como lo dejo flexivel este layout

  • @mohdashraf2210
    @mohdashraf2210 Před 3 lety

    Thanks, Man!! Really helped me complete a project.

  • @siva_geddada
    @siva_geddada Před 4 lety

    It's really awesome ..I tried to do it but I missed with stylings don't know how to apply thanks a lot keep continue to do more videos and one more thing is all the videos are not displaying in the playlist pls look it once

  • @josephgarcia6858
    @josephgarcia6858 Před 5 lety +3

    Muchas gracias , justo lo que estaba buscando

  • @davipessoa7840
    @davipessoa7840 Před 4 lety +1

    It doesnt work. i made download and ran , but it didnt work.

  • @mirjana72003
    @mirjana72003 Před 5 lety +1

    Thanks a lot for this, you've helped me today :)

  • @_pg521
    @_pg521 Před 4 lety +1

    Amazing stuff!

  • @deepakbehera4322
    @deepakbehera4322 Před 3 lety +1

    Thanks a lot

  • @shabangomaa
    @shabangomaa Před rokem

    Great tutorial, thx, Can you tell me how to handle when the sidebar is multilevel and when over one item I need to show the sub levels icons?!

  • @robbedonker8587
    @robbedonker8587 Před 5 lety +1

    very good thank you

  • @Afzies
    @Afzies Před 5 lety

    its workingggggg...Thank U bro.Please Updates More Videos

  • @umeshnaik1235
    @umeshnaik1235 Před 3 lety

    Thank you, It helped me

  • @RavindraKumarKolla
    @RavindraKumarKolla Před 5 lety +4

    Hey, how about the horizontal scroll bar in the sidenav?

    • @GregSino
      @GregSino Před 3 lety

      unfortunately, yes there is a problem with that

  • @PriyaGupta-mm5er
    @PriyaGupta-mm5er Před rokem

    If I want overflow hidden how I can apply that property to the side menu

  • @joe16723
    @joe16723 Před 5 lety

    You save my day, Thanks.

  • @pushpakchintu656
    @pushpakchintu656 Před 2 lety

    How can we create sidenav below of header ,will u please tell me

  • @sidharthwalavalkar9627

    Hi... I loved the resizing to icons... am going to use it in my project. I would like to add sub-menus to the side nav. Please help me with that

  • @anandhiremath914
    @anandhiremath914 Před 5 lety

    Its really helpful, but how to add sub menu(dropdown) to main menu tab?

  • @alexdimitri6617
    @alexdimitri6617 Před 5 lety

    hey @CodeWitSrini dude i wanted to thank you about this tutoriel but i m wondering what should i do if im having in top bar menu and i want only content changing but navbar and sidebar stay fixed cause i made 3 side bar for 3 components and it's totally wrong i m trying to fix my project can i contact you private and thanks again

  • @sharathsinganamala7411

    Hi, i have doubt in it,if we do mode=over the entire screen is covering

  • @JuanHerreraMarin
    @JuanHerreraMarin Před 4 lety

    Thanks!!!

  • @andresnova9862
    @andresnova9862 Před 4 lety

    Bro como le hago al momento de ponerlo en modo celular no me funciona sabes como solucionarlo ?
    Bro How do I do when I put it in cellular mode it doesn't work for me, do you know how to solve it?