Topic: Documentation not accurate for 5.0? mdb.Toast.getInstance().show gives javascript error
*_Expected behavior_*Toast to popup as documented on https://mdbootstrap.com/docs/standard/components/toasts/#docsTabsAPI
*_Actual behavior_*Toast doesnt popup and we get a javascript error. We have noticed similar issues on almost everything we use. It seems like when the upgrade to 5.0 occurred, the website wasn't updated with new code snippets that work? For example, when using a select field, it should be easy but we got the same "null" error. We found one of the examples used entirely different javascript than the API document said to use. When we changed it, it worked. Very frustrating when none of the features work without hours of trial and error.
Here are the ones I have tried and not one of them has worked as documented:
- Selects (drop downs)
- inputs
- datetime picker
- date picker
- time picker
- popconfirm
- toasts
Resources (screenshots, code snippets etc.)
HTML Code:
JavaScript code
I was able to figure out what was going on. We had the reference to the mdb.min.js file in the header. I moved it to the bottom of the file and for some reason everything started working for us. I'm not sure why, I have never seen this and I didn't see any documentation saying this was important, but it seems to be.
<script src="/MDBootstrap/MDB5/js/mdb.min.js" type="text/javascript"></script>
Hello, could you recreate broken examples in snippets? I tried to use the show() method from the documentation on a toast and it works. https://mdbootstrap.com/snippets/standard/m-duszak/3808310#js-tab-view
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.10.2
- Device: Computer
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes