Topic: Issue using Multi-Item Carousel
kennylajara pro premium priority asked 12 months ago
Expected behavior
See the multi-item carousel and be able to use it.
Actual behavior
See the images. No carousel functionality.
Resources (screenshots, code snippets etc.)
For the installation, I downloaded the Bootstrap 5 PRO, unzip it, moved the file into the assets
directory of my project. and added the code snippets:
- JS:
vendor/mdb/7.1.0/js/mdb.umd.min.js
- CSS:
vendor/mdb/7.1.0/css/mdb.min.css
For the carousel, I am using the example code in the carousel: https://mdbootstrap.com/docs/standard/plugins/multi-item-carousel/#section-basic-example
Note: I am sure there is no conflict with other libraries because there is no other libraries other than the ones suggested (font awesome and roboto).
Kamila Pieńkowska staff answered 12 months ago
Multi-Item Carousel is a plugin so you have to import MDB files and Plugin code.
How did you link CSS and JS in your HTML?
kennylajara pro premium priority commented 12 months ago
I added the links as you will normally add any other CSS or JS file. The link
tag for CSS and the script
tag for JS. But I don't know how to import the plugins. I get an error stating that you can use import
outside a module. Well... I am an old-fashioned backend developer who never paid attention to JS after the death of JQuery.
Kamila Pieńkowska staff commented 12 months ago
You can add another script tag with a path to the plugin file.
An example of how to do that is in the index.html
included in the package.
kennylajara pro premium priority commented 12 months ago
When I do that, I get an error stating that you can use import outside a module.
Kamila Pieńkowska staff commented 12 months ago
My answer probably wasn't clear enough.
I mean something like this:
<!-- MDB ESSENTIAL -->
<script type="text/javascript" src="js/mdb.umd.min.js"></script>
<!-- MDB PLUGINS -->
<script type="text/javascript" src="plugins/js/all.min.js"></script>
kennylajara pro premium priority commented 11 months ago
I don't have the plugins folder.
Kamila Pieńkowska staff commented 11 months ago
But you do have package Advanced?
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.1.0
- Device: PC
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes