Topic: Issues concerning Double Navigation with hidden SideNav under fixed Navbar
First issue: We are using Double Navigation with hidden SideNav under fixed Navbar. We want the SideNav to push out content and NOT to overlay content. Are there any possibilties to achieve this functionality?
I found this entry in Support page saying that this functionality already seems to have existed. Topic: angular v8 upgrade changes behaviour of side navigation
Please refer to this example too: Three modi of SideNav plus explicit backdrop setting Our goal is to have a hidden SideNav which can be toggled like in your Composition example by clicking the Hamburger menu item. SideNav slides in and pushes the content to the right, but let the content untouched (hasBacktrop= false).
Second issue: Btw. the code snippet for Double Navigation with hidden SideNav under fixed Navbar does NOT work correctly - because SideNav is NOT under the Navbar after toggling. This is so because property "class" is NOT set for component mdb-side-nav like that: class="side-nav" - therefore SCCS settings do not work.
Third issue: We deleted scrolling-navbar from SideClass-List in component mdb-navbar (SideClass="navbar fixed-top navbar-toggleable-md navbar-expand-lg scrolling-navbar double-nav" ...) to avoid height changing of NavBar when scrolling up and down in the window or zooming in and out. These height changes otherwise cause a gap between NavBar and SideNav.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Opened
- ForumUser: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 9.1.0
- Device: PC
- Browser: Chrome
- OS: Windows 7
- Provided sample code: No
- Provided link: Yes
Arkadiusz Idzikowski staff commented 4 years ago
Currently it is not possible to achieve push functionality, but we already have plans to add this option to the component.
As for the second issue, please add an example code on which we will be able to reproduce this problem to your post.
markusruderman free commented 4 years ago
Hi,for the second issue: please test the code snippet provided here: https://mdbootstrap.com/docs/angular/navigation/compositions/#hidden-sidenav-under-fixed-navbar. You will see, that the SideNav will be NOT UNDER the NavBar when sliding in (as it should be): the SideNav will OVERLAY the NavBar.Then please add ...class="side-nav"... to component ...mdb-side-nav... and you will see that SideNav now will be UNDER the NavBar.
By the way: the URL behind point 10... on page https://mdbootstrap.com/docs/angular/navigation/compositions/ leads to a jQuery-Example - this is NOT correct, please see the other URLs for points 1 - 9 and point 11 they lead to examples on .../docs/...