Topic: Select control initialization
AndrewWiles asked 3 years ago
Just getting started with MDB so I am probably just failing to load a resource but I am having trouble getting the select control to initialize. Hoping that you might be able to point me toward what I am missing from the code below:
----- stuff ----
<link href="~/Content/mdb/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/mdb/mdb.min.css" rel="stylesheet" />
----- stuff ----
<select class="select" multiple data-mdb-filter="true">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">Eight</option>
<option value="9">Nine</option>
<option value="10">Ten</option>
</select>
------- stuff------
<script src="~/Scripts/mdb/jquery.min.js"></script>
<script src="~/Scripts/mdb/popper.min.js"></script>
<script src="~/Scripts/mdb/bootstrap.min.js"></script>
<script src="~/Scripts/mdb/mdb.min.js"></script>
<script src="~/Scripts/mdb/modules/dropdown/dropdown.min.js"></script>
<script src="~/Scripts/mdb/modules/dropdown/dropdown-searchable.min.js"></script>
<script>
$(document).ready(() => {
new WOW().init();
});
</script>
----- stuff ----
Dawid Wajszczuk staff answered 3 years ago
Hi,
First of all, remove all bootstrap links (they are in conflict with our files) . Second, if you add mdb.min.js
, there is no need to import separate modules. Maybe this instructions will help you https://mdbootstrap.com/docs/standard/pro/installation/.
Keep coding,
Dawid
AndrewWiles commented 3 years ago
I have removed all non mdb css and javascript and also removed the separate module references and cannot get any of the form examples to work.
I cannot get them to work even if I embed a code snippet from your documentation directly into the examples that ship in the download file system (e.g. "sign-up-page.html)
It seems that the code which should be interpreting md specific markup is not executing.
Dawid Wajszczuk staff commented 3 years ago
Do you have any errors in your console? Try these form examples with clean MDB-UI-KIT (without any changes, fresh download) and let me know if they work. But if I were to guess the reason of failure, I would blame "~" in your paths.
timvangoethem commented 3 years ago
I have the same issue. Documentation speaks of a folder "plugins". But there is no plugin folder in the stuff we download.
Dawid Wajszczuk staff commented 3 years ago
- @timvangoethem the plugins folder is only available in our Pro Advanced package. It seems like you have only Pro Essential.
- As for issue with the select, do you have any errors in console? What is the code that you use for your select? What is the result (screenshot will help a lot)?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.9.0
- Device: PC
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No