Topic: Sidenav working in the snippet but not VSCode
Expected behavior Sidebar would collapse when viewed in live server in VS Code Actual behavior Does not collapse, but it works as intended when in the snippet Resources (screenshots, code snippets etc.)
Do you have any errors in the console?
Have you added the data-mdb-sidenav-init data attribute to Sidenav?
Are you importing the mdb.umd.min.js file in the head or at the end of the body?
BradleyByerly04 pro premium priority commented 12 months ago
The issue was I forgot to import that file, I saw the mdb.min.js but glossed over the fact that this was mdb.umd.min.js
Thank you for the help.
This means you may have not imported JS files correctly.
Make sure:
- file name is mdb.umd.min.js
- the path is correct
- you copy code snippets from the version you have and intend to use
BradleyByerly04 pro premium priority commented 12 months ago
I'm not very familiar with JS, but when I view that file a lot of the text is white, indicating it's missing something until I scroll about 3/4s of the way down.
I'm using the folder that the console made when doing the initialization.
This is pretty time sensitive for me as this website I'm working on is for a customer.
BradleyByerly04 pro premium priority commented 12 months ago
I've now imported the folder 3 times from the command console and the sidenav doesn't work.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.0.0
- Device: PC
- Browser: Opera GX 104.0.4944.80
- OS: Windows 11
- Provided sample code: No
- Provided link: Yes