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!


Topic: Access to Preview Code

mwvahlb 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


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

Best regards


mwvahlb 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


Hi there,

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

Best regards


mwvahlb 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,

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



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