Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Select control initialization

AndrewWiles free 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 free 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 free 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

  1. @timvangoethem the plugins folder is only available in our Pro Advanced package. It seems like you have only Pro Essential.
  2. 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)?


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: 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