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: manually Installing mdb5 pro (multiselect)

Samra priority asked 2 years ago


I have manually installed the mdb5 pro package into my asp.net core mvc application as follows:

  1. unzip the folder and add it to my application under wwwroot folder
  2. add script tag in my cshtml

Problem 1: the intellisense does not detect newly added folder Problem 2: after giving full path to following scripts and adding the the code...nothing is working

<select class="mdb-select colorful-select dropdown-primary md-form" multiple searchable="Search here..">
  <option value="" disabled selected>Choose your country</option>
  <option value="1">USA</option>
  <option value="2">Germany</option>
  <option value="3">France</option>
  <option value="4">Poland</option>
  <option value="5">Japan</option>
</select>

<script src="~/mdbootstrap-pro/src/mdb/js/mdb.pro.js"></script>
<script src="~/mdbootstrap-pro/js/modules/select.js"></script>
<script src="~/mdbootstrap-pro/src/mdb/js/pro/select/select-option.js"></script>

output:

enter image description here


Grzegorz Bujański staff answered 2 years ago


Do you have any errors in your console?

It looks like you're doing so many imports unnecessarily. If you are importing the mdb.min.js file there is no need to do additional imports. This file contains all components

Or you can only import select.js from the modules folder, in which case you will only import select with no additional components.

Importing the same component from multiple locations can cause errors and therefore select may not work properly



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: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: hp zbook
  • Browser: chrome
  • OS: Windows 10 pro
  • Provided sample code: No
  • Provided link: No