Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

pedrojrivera free asked 5 years ago


I am trying to create a "Slim Nav" similar to this jQuery snippet.

jQuery Slim Nav

What would be the first steps to editing the navigation functionality in this way for Angular?


sdarmaraj free answered 5 years ago


Any update on this request?

This code snippet you have in angular doesn't seems to be working https://mdbootstrap.com/docs/angular/navigation/sidenav/#slim-sidenav


Arkadiusz Idzikowski staff commented 5 years ago

Which version of MDB Angular do you use and what are the exact problems with this code? Please note that this feature was added in 7.5.2.


Damian Gemza staff answered 5 years ago


Dear Pedro,

This is a tough question because we haven't got such functionality in our MDB Angular, so we don't actually know, how to modify our sidenav code.

What can I advise you? You have to modify the scss of the sidenav, and add a custom typescript code to toggle between fully visible, slim version and invisible.

This type of sidenav is in our nice-to-have features, but for now, I'm not able to provide you with ETA on it.

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.2
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes