Access to Preview Code


Topic: Access to Preview Code

mwvahlb pro premium priority asked 6 years ago

How do I get access to the repo with the preview code? This link here (https://mdbootstrap.com/previews/docs/latest/html/navigation/side-nav-fixed-navbar-fixed.html) has the behavior that I'm interested in, but the example code (https://mdbootstrap.com/docs/vue/navigation/compositions/#f-s-f-n) doesn't match it.


Mikołaj Smoleński staff answered 6 years ago

Hi there,

Our code is located in demo directory in Your MDB Vue package. Also You can access to demonstration pages by typing `yarn demo` or `npm run demo` just after installation.

Best regards


mwvahlb pro premium priority answered 6 years ago

I went through the demo code but did not see the "Advanced Double Navigation" code. Can you point me to the code that renders this page: here: https://mdbootstrap.com/previews/docs/latest/html/navigation/side-nav-fixed-navbar-fixed.html

The behavior on these advanced ones is different. On the advanced mode, when the resolution is lower it minimizes the sidenav panel and also reduces to the icons. This is the desired behavior.

Whereas, on the examples in the demo, for the fixed sidenav, when the resolution is lower then the navbar goes into a hamburger nav, and then has a second hamburger bars to popup out the sidenav bar. Also, the double nav in the demo displays the hamburger navbar expanded behind the sidenav at certain resolutions (and not visible). 


Mikołaj Smoleński staff answered 6 years ago

Hi there,

Please add 'fixed-sn' class to Your body to achieve desired behavior. It should fix Your problem.

Best regards


mwvahlb pro premium priority answered 6 years ago

That did not appear to achieve the desired result. Is it not possible to get access to the code for the preview of the advanced double navigation examples for vuejs?


Mikołaj Smoleński staff answered 6 years ago

We don't create previews in VueJS. All code written with vue is located in our demonstration pages inside package.

Best regards


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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows10
  • Provided sample code: No
  • Provided link: No