Topic: incorrect class names
beckleswoutlook-com priority asked 2 years ago
The class names in some of the documentation do not exist in the provided css files. E.g. There is no "select" class, however the documentation for select shows class="select" However, I've found that the original bootstrap names like "form-select" are in the provided css files, but the animation is missing.
Expected behavior select styles and animation applied
Actual behavior no styles or animation applied
Resources (screenshots, code snippets etc.)
See documentation at https://mdbootstrap.com/docs/standard/forms/select/
See css provided in your 4.1 standard mdb.min.css
Extract from my index.html
<!-- MDBootstrap -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
<link rel="stylesheet" href="css/mdb/mdb.min.css" />
<link rel="stylesheet" href="plugins/css/all.min.css" />
<!-- MDB ESSENTIAL -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript" src="plugins/js/all.min.js"></script>
Mateusz Lazaru staff answered 2 years ago
Does any error appear in console? Could you recreate this bug in a snippet?
beckleswoutlook-com priority commented 2 years ago
No errors appear, but I wouldn't expect errors for missing css classes. Will create a snippet shortly.
beckleswoutlook-com priority commented 2 years ago
The snippet tool is working fine now. When I did it initially, it had the same problem I had locally. Basically all I did was copy the code snippet from the documentation into the snippet tool.
Mateusz Lazaru staff answered 2 years ago
Im not sure if this is correct path to our script:
<link rel="stylesheet" href="css/mdb/mdb.min.css" />
Try to replace it with this:
<link rel="stylesheet" href="css/mdb.min.css" />
beckleswoutlook-com priority commented 2 years ago
The issue seems to be a conflict with another JavaScript/CSS module that's overriding your select code, but your other stuff works fine. So, the root issue is nothing to do with your library, so you can close this ticket.
Thanks for following up.
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 4.1.0
- Device: PC
- Browser: Edge (Chromium)
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes